fix #11267 disabled prop not affect controller validation (#11273)

src/__tests__/useController.test.tsx

@@ -840,4 +840,39 @@ describe('useController', () => {
       screen.getByText('disable');
     });
   });
+
+  it('should pass validation with disabled to set to true', () => {
+    const callback = jest.fn();
+
+    const App = () => {
+      const { handleSubmit, control } = useForm({
+        defaultValues: {
+          test: 'test',
+        },
+      });
+      const { field } = useController({
+        control,
+        rules: {
+          required: true,
+        },
+        name: 'test',
+        disabled: true,
+      });
+
+      return (
+        <form onSubmit={handleSubmit(callback)}>
+          <input {...field} />
+          <button>submit</button>
+        </form>
+      );
+    };
+
+    render(<App />);
+
+    fireEvent.click(screen.getByRole('button'));
+
+    waitFor(() => {
+      expect(callback).toBeCalled();
+    });
+  });
 });

src/useController.ts

@@ -74,6 +74,7 @@ export function useController<
     control.register(name, {
       ...props.rules,
       value,
+      disabled: props.disabled,
     }),
   );