feat(field.tsx): add suspenseFallback to createField

duongductrong · Jun 23, 2024 · 0466ee4 · 0466ee4
1 parent 58f988f
commit 0466ee4
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/field.tsx b/src/field.tsx
@@ -31,6 +31,8 @@ export interface CreateFieldOptions {
     message?: keyof JSX.IntrinsicElements
     description?: keyof JSX.IntrinsicElements
   }
+
+  suspenseFallback?: ReactNode
 }
 
 type InferComponentProps<T> = T extends React.ComponentType<infer P> ? P : never
@@ -81,11 +83,12 @@ export function createField<T extends Record<string, React.ComponentType<any>>>(
   }) => {
     const customComponents = options?.components
     const customClassnames = options?.classNames
+    const customSuspenseFallback = options?.suspenseFallback
 
     const InputComp = useMemo(() => components[component], [component])
 
     return (
-      <Suspense fallback={suspenseFallback}>
+      <Suspense fallback={customSuspenseFallback || suspenseFallback}>
         <FormField
           name={name}
           render={({ field, formState: { errors } }) => {