Question: I am using useFormContext in one the child component.
this is the code for it:

```
const { register } = useFormContext<CustomerProfileFormData>();

```

How can I Mock useFormContext so that I can test child component.
this is the test

```
it('should render properly', () => {
    render(<AddressDetails isEdit={false} />);
    expect(screen.getByTestId('address-details')).toBeInTheDocument();
});

```

I am getting this error TypeError: Cannot destructure property 'register' of '(0 , \_reactHookForm.useFormContext)(...)' as it is null.Jest.

which makes sense since I did not mock useFormContext . How can I Mock it? any help will be appreciated.

Answer: 
I found a solution that works for me:

```js
jest.mock("react-hook-form", () => ({
    ...jest.requireActual("react-hook-form"),
    useFormContext: () => ({
        handleSubmit: () => jest.fn(),
        getValues: () => jest.fn(),
    }); 
}));

```
To make the `useFormContext` method work inside tests, RHF recommend wrapping it with `<FormProvider>` ([Github-How to Test FormProvider / useFormContext](https://github.com/react-hook-form/react-hook-form/discussions/3815)).

Wrap your component with `<FormProvider>` and provide the required methods like this:

```
render(
  <FormProvider {...({ setValue: () => jest.fn() } as any)}>
    <AddressDetails isEdit={false} />
  </FormProvider>
);

```