@saas-ui/forms 2.6.9 → 2.6.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saas-ui/forms",
-  "version": "2.6.9",
+  "version": "2.6.10",
   "description": "Fully functional forms for Chakra UI.",
   "source": "src/index.ts",
   "exports": {

package/src/create-field.tsx

@@ -33,7 +33,10 @@ const _createField = (
 
     const getBaseField = fieldContext?.getBaseField ?? getBaseFieldProp
 
-    const { extraProps, BaseField } = getBaseField()
+    const { extraProps, BaseField } = React.useMemo(
+      () => getBaseField(),
+      [getBaseField]
+    )
 
     const [, inputProps] = splitProps(
       props,

package/src/create-form.tsx

@@ -1,4 +1,4 @@
-import React, { ForwardedRef } from 'react'
+import React, { ForwardedRef, useMemo } from 'react'
 import { forwardRef } from '@chakra-ui/react'
 
 import { FieldsProvider } from './fields-context'
@@ -73,10 +73,13 @@ export function createForm<
         ...rest
       } = props
 
-      const fieldsContext = {
-        fields: { ...defaultFieldTypes, ...fields },
-        getBaseField,
-      }
+      const fieldsContext = useMemo(
+        () => ({
+          fields: { ...defaultFieldTypes, ...fields },
+          getBaseField,
+        }),
+        [fields, getBaseField]
+      )
 
       return (
         <FieldsProvider value={fieldsContext}>