Revert "☸️ fix #11910 watch reference update on each re-render (#12267)…

…" (#12312)

This reverts commit b5863b4.

src/__tests__/useForm/watch.test.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 import {
   act,
   fireEvent,
@@ -552,35 +552,4 @@ describe('watch', () => {
 
     screen.getByText('bill');
   });
-
-  it('should update watch value with memo', () => {
-    function App() {
-      const { register, watch } = useForm({
-        defaultValues: {
-          firstName: '',
-        },
-      });
-
-      const firstName = useMemo(() => {
-        return watch('firstName');
-      }, [watch]);
-
-      return (
-        <form>
-          <p>{firstName}</p>
-          <input {...register('firstName')} />
-        </form>
-      );
-    }
-
-    render(<App />);
-
-    fireEvent.change(screen.getByRole('textbox'), {
-      target: {
-        value: 'bill',
-      },
-    });
-
-    screen.getByText('bill');
-  });
 });

src/useForm.ts

@@ -155,7 +155,6 @@ export function useForm<
   }, [props.shouldUnregister, control]);
 
   _formControl.current.formState = getProxyFormState(formState, control);
-  _formControl.current.watch = _formControl.current.watch.bind({});
 
   return _formControl.current;
 }