migrate component :)

Talend · Oct 23, 2023 · a03bb9a · a03bb9a
1 parent d18e3ac
commit a03bb9a
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 6 deletions.
diff --git a/packages/forms/src/rhf/fields/Input/RHFInput.component.js b/packages/forms/src/rhf/fields/Input/RHFInput.component.js
@@ -5,15 +5,16 @@ import get from 'lodash/get';
 import Input from '../../../widgets/fields/Input';
 
 function RHFInput(props) {
-	const { rules = {}, ...rest } = props;
+	const { rules = {}, name = '', ...rest } = props;
 	const { errors, register } = useFormContext();
 	const error = get(errors, rest.name)?.message;
-	return <Input {...rest} ref={register(rules)} error={error} />;
+	return <Input {...rest} {...register(name, rules)} error={error} />;
 }
 
 if (process.env.NODE_ENV !== 'production') {
 	RHFInput.propTypes = {
 		rules: PropTypes.object,
+		name: PropTypes.string,
 	};
 }
 

diff --git a/packages/forms/src/rhf/fields/Select/RHFSelect.component.js b/packages/forms/src/rhf/fields/Select/RHFSelect.component.js
@@ -5,15 +5,16 @@ import get from 'lodash/get';
 import Select from '../../../widgets/fields/Select';
 
 function RHFSelect(props) {
-	const { rules = {}, ...rest } = props;
+	const { rules = {}, name = '', ...rest } = props;
 	const { errors, register } = useFormContext();
 	const error = get(errors, rest.name)?.message;
-	return <Select {...rest} ref={register(rules)} error={error} />;
+	return <Select {...rest} {...register(name, rules)} error={error} />;
 }
 
 if (process.env.NODE_ENV !== 'production') {
 	RHFSelect.propTypes = {
 		rules: PropTypes.object,
+		name: PropTypes.string,
 	};
 }
 

diff --git a/packages/forms/src/rhf/fields/TextArea/RHFTextArea.component.js b/packages/forms/src/rhf/fields/TextArea/RHFTextArea.component.js
@@ -5,15 +5,16 @@ import get from 'lodash/get';
 import TextArea from '../../../widgets/fields/TextArea';
 
 function RHFTextArea(props) {
-	const { rules = {}, ...rest } = props;
+	const { rules = {}, name = '', ...rest } = props;
 	const { errors, register } = useFormContext();
 	const error = get(errors, rest.name)?.message;
-	return <TextArea {...rest} ref={register(rules)} error={error} />;
+	return <TextArea {...rest} {...register(name, rules)} error={error} />;
 }
 
 if (process.env.NODE_ENV !== 'production') {
 	RHFTextArea.propTypes = {
 		rules: PropTypes.object,
+		name: PropTypes.string,
 	};
 }