title: Jest test returns an empty body
body: <p>When I <code>debug()</code> this test it returns an empty body. Does anyone know where I'm going wrong?
  It should render a component with a grid for user inputs. Here are the <code>propTypes</code> for the component:</p>
  <pre><code>CompanyInfoInputs.propTypes = {
    onChange: PropTypes.func.isRequired,
    loading: PropTypes.bool.isRequired,
    fieldValues: PropTypes.object.isRequired,
    dropdownError: PropTypes.bool
  };
  
  CompanyInfoInputs.defaultProps = {
    dropdownError: false
  };
  
  NewCompanyModal.propTypes = {
    open: PropTypes.bool.isRequired,
    handleClose: PropTypes.func.isRequired
  };
  
  export default NewCompanyModal;
  </code></pre>
  <p>Here is the test as it stands currently.</p>
  <pre><code>import React from 'react';
  import { render } from '@testing-library/react';
  import { ApolloProvider } from '@apollo/react-hooks';
  import { client } from '../../../../../client';
  import NewCompanyModal from '../../../../../components/reusable_components/company/NewCompanyModal';
  
  const RComponent = props =&gt; {
    const companyModalOpen = true;
    const loading = false;
    return (
      &lt;ApolloProvider client={client}&gt;
        &lt;NewCompanyModal
          open={companyModalOpen}
          handleClose={() =&gt; {}}
          loading={loading}
          {...props}
        /&gt;
      &lt;/ApolloProvider&gt;
    );
  };
  
  beforeEach(() =&gt; {
    jest.resetAllMocks();
  });
  
  describe('Testing Company Reusable Components', () =&gt; {
    describe('Testing &lt;NewCompanyModal /&gt;', () =&gt; {
      it('should handle basic component rendering', async () =&gt; {
        const { debug, getByText, getAllByLabelText } = render(&lt;RComponent /&gt;);
        // expect(getByText('Register a New Company')).toBeTruthy();
        // expect(getAllByLabelText('Company Legal Name')).toBeTruthy();
        debug();
      });
    });
  });
  </code></pre>
  <p>returns</p>
  <pre><code>&lt;body&gt;
     &lt;div /&gt;
  &lt;/body&gt;
  </code></pre>
  <p>EDIT: I added</p>
  <pre><code>describe('Testing Company Reusable Components', () =&gt; {
    describe('Testing &lt;NewCompanyModal /&gt;', () =&gt; {
      it('should handle basic component rendering', async () =&gt; {
        const { debug } = render(&lt;RComponent /&gt;);
        await act(() =&gt; wait());
        debug();
      });
    });
  });
  </code></pre>
  <p>which seemed to allow the page to render although now I have a network error &quot;[Network error]: No Cognito Identity pool provided for unauthenticated access&quot; which I guess is a project specific issue.</p>