diff --git a/packages/design-docs/package.json b/packages/design-docs/package.json
index 5f38cebca52..0ce550566c8 100644
--- a/packages/design-docs/package.json
+++ b/packages/design-docs/package.json
@@ -31,7 +31,7 @@
     "classnames": "^2.3.1",
     "color-contrast-checker": "^2.1.0",
     "figma-js": "^1.16.0",
-    "react-hook-form": "^6.15.8",
+    "react-hook-form": "^7.47.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "use-overflow": "^1.2.0"
diff --git a/packages/forms/package.json b/packages/forms/package.json
index b0ba146a647..5440a6616c3 100644
--- a/packages/forms/package.json
+++ b/packages/forms/package.json
@@ -51,7 +51,7 @@
     "react-autowhatever": "10.2.0",
     "@talend/react-bootstrap": "^1.35.2",
     "react-ace": "10.1.0",
-    "react-hook-form": "^6.15.8",
+    "react-hook-form": "^7.47.0",
     "react-jsonschema-form": "0.51.0",
     "tv4": "^1.3.0"
   },
diff --git a/packages/stepper/src/stories/Stepper.components.tsx b/packages/stepper/src/stories/Stepper.components.tsx
index 3d2122e370c..3e48138a684 100644
--- a/packages/stepper/src/stories/Stepper.components.tsx
+++ b/packages/stepper/src/stories/Stepper.components.tsx
@@ -20,7 +20,7 @@ export const FormComponentStep1 = () => {
 		defaultValues: { ...stepsData[0] },
 	});
 
-	const { field, meta } = useController({
+	const { field, fieldState } = useController({
 		control: rhf.control,
 		name: 'randomInput',
 		rules: {
@@ -63,7 +63,7 @@ export const FormComponentStep1 = () => {
 						}}
 					/>
 
-					{meta.invalid && (
+					{fieldState.invalid && (
 						<InlineMessageDestructive description={'This field is required'} withBackground />
 					)}
 					<Form.Input
@@ -93,7 +93,7 @@ export const FormComponentStep2 = () => {
 		defaultValues: { ...stepsData[1] },
 	});
 
-	const { field, meta } = useController({
+	const { field, fieldState } = useController({
 		control: rhf.control,
 		name: 'randomInput',
 		rules: {
@@ -124,7 +124,7 @@ export const FormComponentStep2 = () => {
 						}}
 					/>
 
-					{meta.invalid && (
+					{fieldState.invalid && (
 						<InlineMessageDestructive description={'This field is required'} withBackground />
 					)}
 					<Form.Input
@@ -153,7 +153,7 @@ export const FormComponentStep3 = () => {
 		defaultValues: { ...stepsData[2] },
 	});
 
-	const { field, meta } = useController({
+	const { field, fieldState } = useController({
 		control: rhf.control,
 		name: 'randomInput',
 		rules: {
@@ -171,7 +171,7 @@ export const FormComponentStep3 = () => {
 		<FormProvider {...rhf}>
 			<Form>
 				<Form.Fieldset>
-					{meta.invalid && (
+					{fieldState.invalid && (
 						<InlineMessageDestructive description={'This field is required'} withBackground />
 					)}
 					<Form.Input
diff --git a/packages/storybook-one/package.json b/packages/storybook-one/package.json
index 251f5206195..26d23176629 100644
--- a/packages/storybook-one/package.json
+++ b/packages/storybook-one/package.json
@@ -25,7 +25,7 @@
     "@talend/icons": "^6.60.1",
     "@talend/react-components": "^11.0.0",
     "@talend/react-dataviz": "^3.0.1",
-    "react-hook-form": "^6.15.8"
+    "react-hook-form": "^7.47.0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.22.9",
diff --git a/yarn.lock b/yarn.lock
index b04b0464af4..a80e487a4e9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -15565,10 +15565,10 @@ react-helmet@^6.1.0:
     react-fast-compare "^3.1.1"
     react-side-effect "^2.1.0"
 
-react-hook-form@^6.15.8:
-  version "6.15.8"
-  resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-6.15.8.tgz#725c139d308c431c4611e4b9d85a49f01cfc0e7a"
-  integrity sha512-prq82ofMbnRyj5wqDe8hsTRcdR25jQ+B8KtCS7BLCzjFHAwNuCjRwzPuP4eYLsEBjEIeYd6try+pdLdw0kPkpg==
+react-hook-form@^7.47.0:
+  version "7.47.0"
+  resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.47.0.tgz#a42f07266bd297ddf1f914f08f4b5f9783262f31"
+  integrity sha512-F/TroLjTICipmHeFlMrLtNLceO2xr1jU3CyiNla5zdwsGUGu2UOxxR4UyJgLlhMwLW/Wzp4cpJ7CPfgJIeKdSg==
 
 react-i18next@^11.18.6:
   version "11.18.6"