diff --git a/packages/decap-cms-core/index.d.ts b/packages/decap-cms-core/index.d.ts
index edb8748a73d2..6dc498a9fb40 100644
--- a/packages/decap-cms-core/index.d.ts
+++ b/packages/decap-cms-core/index.d.ts
@@ -426,12 +426,12 @@ declare module 'decap-cms-core' {
   export interface EditorComponentOptions {
     id: string;
     label: string;
-    fields: EditorComponentField[];
+    fields?: EditorComponentField[];
     pattern: RegExp;
     allow_add?: boolean;
     fromBlock: (match: RegExpMatchArray) => any;
     toBlock: (data: any) => string;
-    toPreview: (data: any) => string;
+    toPreview: (data: any) => string | JSX.Element;
   }
 
   export interface PreviewStyleOptions {