chore: update react-hook-form to 7.57.0 (#6824)

alicanerdurmaz · web-flow · commit a6ff3d3e888e · 2025-06-02T18:24:19.000+03:00
diff --git a/.changeset/sweet-oranges-greet.md b/.changeset/sweet-oranges-greet.md
@@ -0,0 +1,10 @@
+---
+"@refinedev/react-hook-form": minor
+"@refinedev/devtools-ui": minor
+"@refinedev/inferencer": minor
+"@refinedev/chakra-ui": minor
+"@refinedev/mui": minor
+---
+
+chore: update `react-hook-form` to `7.57.0` to support new features like [`subscribe`](https://react-hook-form.com/docs/useform/subscribe).
+for more information, see [React Hook Form release notes](https://github.com/react-hook-form/react-hook-form/releases).
diff --git a/documentation/docs/guides-concepts/forms/server-side-validation-chakra-ui.tsx b/documentation/docs/guides-concepts/forms/server-side-validation-chakra-ui.tsx
@@ -18,7 +18,7 @@ export default function ServerSideValidationChakraUi() {
         "@chakra-ui/react": "^2.5.1",
         "react-dom": "^18.0.0",
         "react-router": "^7.0.2",
-        "react-hook-form": "^7.43.5",
+        "react-hook-form": "^7.57.0",
       }}
       startRoute="/products/create"
       files={{
diff --git a/documentation/docs/guides-concepts/forms/server-side-validation-mui.tsx b/documentation/docs/guides-concepts/forms/server-side-validation-mui.tsx
@@ -20,7 +20,7 @@ export default function ServerSideValidationMui() {
         "@mui/utils": "^7.1.0",
         "@mui/x-data-grid": "7.23.5",
         "react-router": "^7.0.2",
-        "react-hook-form": "^7.43.5",
+        "react-hook-form": "^7.57.0",
       }}
       startRoute="/products/create"
       files={{
diff --git a/documentation/docs/guides-concepts/forms/server-side-validation-react-hook-form.tsx b/documentation/docs/guides-concepts/forms/server-side-validation-react-hook-form.tsx
@@ -14,7 +14,7 @@ export default function ServerSideValidationReactHookForm() {
         "@refinedev/react-hook-form": "^4.8.12",
         "react-dom": "^18.0.0",
         "react-router": "^7.0.2",
-        "react-hook-form": "^7.43.5",
+        "react-hook-form": "^7.57.0",
       }}
       startRoute="/products/create"
       files={{
diff --git a/documentation/docs/ui-integrations/chakra-ui/introduction/previews/auth-page.tsx b/documentation/docs/ui-integrations/chakra-ui/introduction/previews/auth-page.tsx
@@ -19,7 +19,7 @@ export default function AuthPage() {
         "@chakra-ui/react": "^2.5.1",
         "react-dom": "^18.0.0",
         "react-router": "^7.0.2",
-        "react-hook-form": "^7.43.5",
+        "react-hook-form": "^7.57.0",
       }}
       startRoute="/login"
       files={{
diff --git a/documentation/docs/ui-integrations/chakra-ui/introduction/previews/basic-views.tsx b/documentation/docs/ui-integrations/chakra-ui/introduction/previews/basic-views.tsx
@@ -18,7 +18,7 @@ export default function BasicViews() {
         "@chakra-ui/react": "^2.5.1",
         "react-dom": "^18.0.0",
         "react-router": "^7.0.2",
-        "react-hook-form": "^7.43.5",
+        "react-hook-form": "^7.57.0",
       }}
       startRoute="/products"
       files={{
diff --git a/documentation/docs/ui-integrations/chakra-ui/introduction/previews/example.tsx b/documentation/docs/ui-integrations/chakra-ui/introduction/previews/example.tsx
@@ -18,7 +18,7 @@ export default function Example() {
         "@chakra-ui/react": "^2.5.1",
         "react-dom": "^18.0.0",
         "react-router": "^7.0.2",
-        "react-hook-form": "^7.43.5",
+        "react-hook-form": "^7.57.0",
       }}
       startRoute="/products"
       files={{
diff --git a/documentation/docs/ui-integrations/chakra-ui/introduction/previews/layout-react-router-dom.tsx b/documentation/docs/ui-integrations/chakra-ui/introduction/previews/layout-react-router-dom.tsx
@@ -20,7 +20,7 @@ export default function LayoutReactRouterDom() {
         "@chakra-ui/react": "^2.5.1",
         "react-dom": "^18.0.0",
         "react-router": "^7.0.2",
-        "react-hook-form": "^7.43.5",
+        "react-hook-form": "^7.57.0",
       }}
       startRoute="/products"
       files={{
diff --git a/documentation/docs/ui-integrations/chakra-ui/introduction/previews/theming.tsx b/documentation/docs/ui-integrations/chakra-ui/introduction/previews/theming.tsx
@@ -20,7 +20,7 @@ export default function Usage() {
         "@chakra-ui/react": "^2.5.1",
         "react-dom": "^18.0.0",
         "react-router": "^7.0.2",
-        "react-hook-form": "^7.43.5",
+        "react-hook-form": "^7.57.0",
       }}
       startRoute="/products"
       files={{
diff --git a/documentation/docs/ui-integrations/material-ui/introduction/previews/auth-page.tsx b/documentation/docs/ui-integrations/material-ui/introduction/previews/auth-page.tsx
@@ -21,7 +21,7 @@ export default function AuthPage() {
         "@mui/system": "^6.4.11",
         "@mui/x-data-grid": "7.23.5",
         "react-router": "^7.0.2",
-        "react-hook-form": "^7.43.5",
+        "react-hook-form": "^7.57.0",
       }}
       startRoute="/login"
       files={{
diff --git a/documentation/docs/ui-integrations/material-ui/introduction/previews/basic-views.tsx b/documentation/docs/ui-integrations/material-ui/introduction/previews/basic-views.tsx
@@ -20,7 +20,7 @@ export default function BasicViews() {
         "@mui/system": "^6.4.11",
         "@mui/x-data-grid": "7.23.5",
         "react-router": "^7.0.2",
-        "react-hook-form": "^7.43.5",
+        "react-hook-form": "^7.57.0",
       }}
       startRoute="/products"
       files={{
diff --git a/documentation/docs/ui-integrations/material-ui/introduction/previews/example.tsx b/documentation/docs/ui-integrations/material-ui/introduction/previews/example.tsx
@@ -20,7 +20,7 @@ export default function Example() {
         "@mui/system": "^6.4.11",
         "@mui/x-data-grid": "7.23.5",
         "react-router": "^7.0.2",
-        "react-hook-form": "^7.43.5",
+        "react-hook-form": "^7.57.0",
       }}
       startRoute="/products"
       files={{
diff --git a/documentation/docs/ui-integrations/material-ui/introduction/previews/layout-react-router-dom.tsx b/documentation/docs/ui-integrations/material-ui/introduction/previews/layout-react-router-dom.tsx
@@ -22,7 +22,7 @@ export default function LayoutReactRouterDom() {
         "@mui/system": "^6.4.11",
         "@mui/x-data-grid": "^7.23.5",
         "react-router": "^7.0.2",
-        "react-hook-form": "^7.43.5",
+        "react-hook-form": "^7.57.0",
       }}
       startRoute="/products"
       files={{
diff --git a/documentation/docs/ui-integrations/material-ui/introduction/previews/theming.tsx b/documentation/docs/ui-integrations/material-ui/introduction/previews/theming.tsx
@@ -22,7 +22,7 @@ export default function Usage() {
         "@mui/system": "^6.4.11",
         "@mui/x-data-grid": "7.23.5",
         "react-router": "^7.0.2",
-        "react-hook-form": "^7.43.5",
+        "react-hook-form": "^7.57.0",
       }}
       startRoute="/products"
       files={{
diff --git a/documentation/docs/ui-integrations/material-ui/introduction/previews/usage-next-js.tsx b/documentation/docs/ui-integrations/material-ui/introduction/previews/usage-next-js.tsx
@@ -19,7 +19,7 @@ export default function UsageNextjs() {
         "@mui/material": "^6.1.7",
         "@mui/system": "^6.4.11",
         "@mui/x-data-grid": "7.23.5",
-        "react-hook-form": "^7.43.5",
+        "react-hook-form": "^7.57.0",
         "@refinedev/nextjs-router": "latest",
       }}
       // template="nextjs"
diff --git a/documentation/docs/ui-integrations/material-ui/introduction/previews/usage-react-router-dom.tsx b/documentation/docs/ui-integrations/material-ui/introduction/previews/usage-react-router-dom.tsx
@@ -19,7 +19,7 @@ export default function UsageReactRouterDom() {
         "@mui/material": "^6.1.7",
         "@mui/system": "^6.4.11",
         "@mui/x-data-grid": "7.23.5",
-        "react-hook-form": "^7.43.5",
+        "react-hook-form": "^7.57.0",
         "react-router": "^7.0.2",
         "@refinedev/react-router": "latest",
       }}
diff --git a/documentation/docs/ui-integrations/material-ui/introduction/previews/usage-remix.tsx b/documentation/docs/ui-integrations/material-ui/introduction/previews/usage-remix.tsx
@@ -19,7 +19,7 @@ export default function UsageRemix() {
         "@mui/material": "^6.1.7",
         "@mui/system": "^6.4.11",
         "@mui/x-data-grid": "7.23.5",
-        "react-hook-form": "^7.43.5",
+        "react-hook-form": "^7.57.0",
         "@refinedev/remix-router": "latest",
       }}
       startRoute="/products"
diff --git a/examples/base-material-ui/package.json b/examples/base-material-ui/package.json
@@ -37,7 +37,7 @@
     "@uiw/react-md-editor": "^3.19.5",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-router": "^7.0.2"
   },
   "devDependencies": {
diff --git a/examples/blog-material-ui-datagrid/package.json b/examples/blog-material-ui-datagrid/package.json
@@ -38,7 +38,7 @@
     "@refinedev/simple-rest": "^5.0.8",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-router": "^7.0.2",
     "styled-components": "^6.1.8"
   },
diff --git a/examples/blog-material-ui/package.json b/examples/blog-material-ui/package.json
@@ -39,7 +39,7 @@
     "axios": "^1.6.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-router": "^7.0.2",
     "react-scripts": "^5.0.0",
     "web-vitals": "^1.1.1"
diff --git a/examples/blog-ra-chakra-tutorial/package.json b/examples/blog-ra-chakra-tutorial/package.json
@@ -23,7 +23,7 @@
     "axios": "^1.6.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-router": "^7.0.2"
   },
   "devDependencies": {
diff --git a/examples/blog-react-aria/package.json b/examples/blog-react-aria/package.json
@@ -35,7 +35,7 @@
     "react": "^18.0.0",
     "react-aria": "^0.1.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-router": "^7.0.2",
     "react-scripts": "^5.0.0",
     "react-stately": "^3.19.0",
diff --git a/examples/blog-react-hook-dynamic-form/package.json b/examples/blog-react-hook-dynamic-form/package.json
@@ -38,7 +38,7 @@
     "cross-env": "^7.0.3",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-router": "^7.0.2",
     "react-scripts": "^5.0.0",
     "web-vitals": "^1.1.1"
diff --git a/examples/blog-refine-mui/package.json b/examples/blog-refine-mui/package.json
@@ -43,7 +43,7 @@
     "i18next-xhr-backend": "^3.2.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-i18next": "^11.8.11",
     "react-router": "^7.0.2",
     "recharts": "^2.1.9"
diff --git a/examples/blog-refine-nextui/package.json b/examples/blog-refine-nextui/package.json
@@ -39,7 +39,7 @@
     "i18next-xhr-backend": "^3.2.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-i18next": "^11.8.11",
     "react-router": "^7.0.2",
     "recharts": "^2.1.9"
diff --git a/examples/blog-refine-primereact/package.json b/examples/blog-refine-primereact/package.json
@@ -35,7 +35,7 @@
     "primereact": "^9.6.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-router": "^7.0.2"
   },
   "devDependencies": {
diff --git a/examples/blog-refine-react-hook-form/package.json b/examples/blog-refine-react-hook-form/package.json
@@ -37,7 +37,7 @@
     "@refinedev/simple-rest": "^5.0.8",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-router": "^7.0.2",
     "web-vitals": "^1.1.1",
     "yup": "^0.32.11"
diff --git a/examples/blog-win95/package.json b/examples/blog-win95/package.json
@@ -33,7 +33,7 @@
     "@tanstack/react-table": "^8.2.6",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-router": "^7.0.2",
     "react95": "^4.0.0",
     "styled-components": "^6.1.8"
diff --git a/examples/customization-theme-material-ui/package.json b/examples/customization-theme-material-ui/package.json
@@ -35,7 +35,7 @@
     "@refinedev/simple-rest": "^5.0.10",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-router": "^7.0.2"
   },
   "devDependencies": {
diff --git a/examples/field-material-ui-use-autocomplete/package.json b/examples/field-material-ui-use-autocomplete/package.json
@@ -35,7 +35,7 @@
     "@refinedev/simple-rest": "^5.0.10",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-router": "^7.0.2"
   },
   "devDependencies": {
diff --git a/examples/finefoods-material-ui/package.json b/examples/finefoods-material-ui/package.json
@@ -48,7 +48,7 @@
     "lodash": "^4.17.21",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-i18next": "^11.8.11",
     "react-input-mask": "^2.0.4",
     "react-router": "^7.0.2",
diff --git a/examples/form-material-ui-mutation-mode/package.json b/examples/form-material-ui-mutation-mode/package.json
@@ -35,7 +35,7 @@
     "@refinedev/simple-rest": "^5.0.10",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-router": "^7.0.2"
   },
   "devDependencies": {
diff --git a/examples/form-material-ui-use-drawer-form/package.json b/examples/form-material-ui-use-drawer-form/package.json
@@ -36,7 +36,7 @@
     "@refinedev/simple-rest": "^5.0.10",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-router": "^7.0.2"
   },
   "devDependencies": {
diff --git a/examples/form-material-ui-use-form/package.json b/examples/form-material-ui-use-form/package.json
@@ -35,7 +35,7 @@
     "@refinedev/simple-rest": "^5.0.10",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-router": "^7.0.2"
   },
   "devDependencies": {
diff --git a/examples/form-material-ui-use-modal-form/package.json b/examples/form-material-ui-use-modal-form/package.json
@@ -35,7 +35,7 @@
     "@refinedev/simple-rest": "^5.0.10",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-router": "^7.0.2"
   },
   "devDependencies": {
diff --git a/examples/form-material-ui-use-steps-form/package.json b/examples/form-material-ui-use-steps-form/package.json
@@ -35,7 +35,7 @@
     "@refinedev/simple-rest": "^5.0.10",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-router": "^7.0.2"
   },
   "devDependencies": {
diff --git a/examples/form-react-hook-form-use-steps-form/package.json b/examples/form-react-hook-form-use-steps-form/package.json
@@ -30,7 +30,7 @@
     "axios": "^1.6.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-router": "^7.0.2"
   },
   "devDependencies": {
diff --git a/examples/inferencer-chakra-ui/package.json b/examples/inferencer-chakra-ui/package.json
@@ -38,7 +38,7 @@
     "i18next-xhr-backend": "^3.2.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-i18next": "^11.8.11",
     "react-router": "^7.0.2"
   },
diff --git a/examples/inferencer-material-ui/package.json b/examples/inferencer-material-ui/package.json
@@ -41,7 +41,7 @@
     "i18next-xhr-backend": "^3.2.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-i18next": "^11.8.11",
     "react-router": "^7.0.2"
   },
diff --git a/examples/mern-dashboard-client/package.json b/examples/mern-dashboard-client/package.json
@@ -42,7 +42,7 @@
     "react": "^18.0.0",
     "react-apexcharts": "^1.4.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-router-dom": "^6.8.1",
     "react-scripts": "^5.0.0",
     "web-vitals": "^1.1.1"
diff --git a/examples/refine-hr-ce/package.json b/examples/refine-hr-ce/package.json
@@ -41,7 +41,7 @@
     "dayjs": "^1.10.7",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-hot-toast": "^2.4.1",
     "react-infinite-scroll-component": "^6.1.0",
     "react-router": "^7.0.2"
diff --git a/examples/server-side-form-validation-material-ui/package.json b/examples/server-side-form-validation-material-ui/package.json
@@ -36,7 +36,7 @@
     "@uiw/react-md-editor": "^3.19.5",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-router": "^7.0.2"
   },
   "devDependencies": {
diff --git a/examples/store/package.json b/examples/store/package.json
@@ -39,7 +39,7 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-fast-marquee": "^1.3.1",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-merge-refs": "^1.1.0",
     "react-use-measure": "^2.1.1",
     "tabbable": "^5.2.1",
diff --git a/examples/table-material-ui-advanced/package.json b/examples/table-material-ui-advanced/package.json
@@ -38,7 +38,7 @@
     "@uiw/react-md-editor": "^3.19.5",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.57.0",
     "react-router": "^7.0.2"
   },
   "devDependencies": {
diff --git a/examples/table-material-ui-table-filter/package.json b/examples/table-material-ui-table-filter/package.json
diff --git a/examples/table-react-table-advanced/package.json b/examples/table-react-table-advanced/package.json
diff --git a/examples/theme-material-ui-demo/package.json b/examples/theme-material-ui-demo/package.json
diff --git a/examples/tutorial-material-ui/package.json b/examples/tutorial-material-ui/package.json
diff --git a/examples/upload-material-ui-base64/package.json b/examples/upload-material-ui-base64/package.json
diff --git a/examples/upload-material-ui-multipart/package.json b/examples/upload-material-ui-multipart/package.json
diff --git a/examples/with-material-ui-vite/package.json b/examples/with-material-ui-vite/package.json
diff --git a/examples/with-nextjs-headless/package.json b/examples/with-nextjs-headless/package.json
diff --git a/packages/chakra-ui/package.json b/packages/chakra-ui/package.json
diff --git a/packages/devtools-ui/package.json b/packages/devtools-ui/package.json
diff --git a/packages/inferencer/package.json b/packages/inferencer/package.json
diff --git a/packages/live-previews/package.json b/packages/live-previews/package.json
diff --git a/packages/mui/package.json b/packages/mui/package.json
diff --git a/packages/react-hook-form/package.json b/packages/react-hook-form/package.json
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
