title: How to mock the elements of react-hook-form when testing with react-testing-library?
body: <p>Having a basic component which uses react-hook-form:</p>
  <p>const { handleSubmit, reset, control } = useForm({
  resolver: yupResolver(schema)
  });</p>
  <p>...</p>
  <pre><code>  &lt;MyComponent
      title='title'
      open={isOpened}
      control={control}
    /&gt;
  </code></pre>
  <p>This component has 3 props, title - a string, open - a function, control - no idea what is it, all of them mandatory.</p>
  <p>So, when writing a test for it I got stuck here:</p>
  <pre><code>import { render } from '@testing-library/react';
  
  import '@testing-library/jest-dom';
  import MyComponent from './my-component';
  
  describe('MyComponent', () =&gt; {
    const title = 'title';
    it('should render successfully', () =&gt; {
      const { baseElement, getByText } = render(
        &lt;TaskModal
          title={title}
          open={jest.fn()}
          control={} // what should be written here?
        /&gt;
      );
      expect(baseElement).toBeTruthy();
      expect(getByText(title)).toBeTruthy();
    });
  </code></pre>
  <p>How can <code>control</code> be mocked for this test?</p>