fix: wrap buildForm Field components in <Suspense>

bleu · Jun 16, 2024 · f6c1044 · f6c1044
1 parent 69077c8
commit f6c1044
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/src/components/FormBuilder/buildForm.tsx b/src/components/FormBuilder/buildForm.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { Suspense } from "react";
 
 import { evaluateConditions } from "./evaluateConditions";
 import { BaseField, CommonFieldProps, FieldComponentType } from "./types";
@@ -35,12 +35,14 @@ export function buildForm(
     const name = field.name.replace("RESOURCE_ID", String(index));
 
     return (
-      <FieldComponent
-        key={field.name + name + index}
-        field={{ ...field, name, index }}
-        form={form}
-        customComponents={customComponents}
-      />
+      <Suspense>
+        <FieldComponent
+          key={field.name + name + index}
+          field={{ ...field, name, index }}
+          form={form}
+          customComponents={customComponents}
+        />
+      </Suspense>
     );
   });