Fix forms

Author: kshmidt-digma

src/components/Main/Authentication/Login/index.tsx

@@ -34,7 +34,7 @@ export const Login = ({
     handleSubmit,
     control,
     clearErrors,
-    watch,
+    subscribe,
     setError,
     getValues,
     formState: { errors, isValid },
@@ -61,10 +61,12 @@ export const Login = ({
   }, [setError, error]);
 
   useEffect(() => {
-    watch(() => {
-      clearErrors();
+    subscribe({
+      callback: () => {
+        clearErrors();
+      }
     });
-  }, [clearErrors, watch]);
+  }, [clearErrors, subscribe]);
 
   const onSubmit = (data: LoginFormValues) => {
     onLogin();

src/components/Main/Authentication/Registration/index.tsx

@@ -51,7 +51,7 @@ export const Registration = ({ onRegister }: RegistrationProps) => {
     handleSubmit,
     control,
     getValues,
-    watch,
+    subscribe,
     setError,
     clearErrors,
     resetField,
@@ -82,10 +82,12 @@ export const Registration = ({ onRegister }: RegistrationProps) => {
   }, [setFocus]);
 
   useEffect(() => {
-    watch(() => {
-      setResponseStatus(undefined);
+    subscribe({
+      callback: () => {
+        setResponseStatus(undefined);
+      }
     });
-  }, [clearErrors, watch, setResponseStatus]);
+  }, [clearErrors, subscribe, setResponseStatus]);
 
   useEffect(() => {
     if (isSucceed) {