title: Jest testing fails: Should use Material-UI for all react components
body: <p>I'm working on a project using React, I'm using Material-UI just for the components that contains forms. When i run the test, the components with forms (which uses material UI) is passing successfully, but the problem is with the components that there's no forms in it, so it's not using any material ui components, the test fails!</p>
  
  <p>When i run the test, it's not passing these components and shows:</p>
  
  <pre><code>  ● Natural
  
      Material-UI: expected an Element but found null. Please check your console for additional warnings and try fixing those. If the error persists please file an issue.
  
         5 | 
         6 | test('Natural', () =&gt; {
      &gt;  7 |   const story = renderer.create(&lt;BrowserRouter&gt; &lt;Story /&gt; &lt;/BrowserRouter&gt;).toJSON();
           |                          ^
         8 |   expect(story).toMatchSnapshot();
         9 | });
        10 | 
  
  </code></pre>
  
  <p>This is my test code:</p>
  
  <pre><code>import React from 'react';
  import renderer from 'react-test-renderer';
  import { BrowserRouter } from 'react-router-dom';
  import Story from './index';
  
  test('Natural', () =&gt; {
    const story = renderer.create(&lt;BrowserRouter&gt; &lt;Story /&gt; &lt;/BrowserRouter&gt;).toJSON();
    expect(story).toMatchSnapshot();
  });
  
  </code></pre>
  
  <p>And this is my components code:</p>
  
  <pre><code>import React, { Fragment } from 'react';
  import Footer from '../Common/Footer';
  
  const Story = () =&gt; {
    return (
      &lt;Fragment&gt;
        &lt;main&gt;
          &lt;h1&gt;Hello Story page!&lt;/h1&gt;
        &lt;/main&gt;
        &lt;Footer /&gt;
      &lt;/Fragment&gt;
    );
  };
  
  export default Story;
  
  </code></pre>
  
  <p>I expect the test to be passed!</p>