diff --git a/src/components/AuthUser/SignInForm/SignInForm.tsx b/src/components/AuthUser/SignInForm/SignInForm.tsx index 866b5df7501ad014e5db4d4382992c9139d47bf4..af58f727a7b04d54f7f64daeaeea3708e70ffc30 100644 --- a/src/components/AuthUser/SignInForm/SignInForm.tsx +++ b/src/components/AuthUser/SignInForm/SignInForm.tsx @@ -33,13 +33,11 @@ export const SignInForm: FC = () => { }; const { control, register, errors, handleSubmit } = useForm<FormData>({ - mode: 'onChange', - reValidateMode: 'onChange', defaultValues, }); const onSubmit: any = (values: FormData) => { - // Send data + alert(JSON.stringify(values)); }; const classes = useStyles(); return ( @@ -54,8 +52,9 @@ export const SignInForm: FC = () => { control={control} defaultValues rules={{ - required: true, - pattern: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i, + validate: (value) => + /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i.test(value), + required: { value: true, message: 'You must enter your email' }, }} render={() => ( <TextField @@ -79,9 +78,9 @@ export const SignInForm: FC = () => { control={control} defaultValues rules={{ - required: true, - min: 8, - max: 60, + minLength: 8, + maxLength: 60, + required: { value: true, message: 'You must enter your name' }, }} render={() => ( <TextField