chore: improve error when not passing control to useController

src/__tests__/useController.test.tsx

@@ -840,4 +840,24 @@ describe('useController', () => {
       screen.getByText('disable');
     });
   });
+
+  it("should throw a meaningful error if the control prop isn't passed", async () => {
+    const Component = () => {
+      useController({
+        name: 'test',
+        defaultValue: '',
+      });
+
+      return null;
+    };
+
+    // Don't log the thrown error to the console
+    const spy = jest.spyOn(console, 'error').mockImplementation();
+
+    expect(() => render(<Component />)).toThrow(
+      'useController: missing `control`. Pass `control` as a prop or provide it via FormProvider.',
+    );
+
+    spy.mockRestore();
+  });
 });

src/useController.ts

@@ -53,7 +53,19 @@ export function useController<
   props: UseControllerProps<TFieldValues, TName>,
 ): UseControllerReturn<TFieldValues, TName> {
   const methods = useFormContext<TFieldValues>();
-  const { name, disabled, control = methods.control, shouldUnregister } = props;
+  const {
+    name,
+    disabled,
+    control = methods?.control,
+    shouldUnregister,
+  } = props;
+
+  if (!control) {
+    throw new Error(
+      'useController: missing `control`. Pass `control` as a prop or provide it via FormProvider.',
+    );
+  }
+
   const isArrayField = isNameInFieldArray(control._names.array, name);
   const value = useWatch({
     control,