Clean email validation

Validation is still not working properly and will be improved in next versions

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