title: could not find react-redux context value ; ensure component is wrapped in a <Provider>
body: <p>I'm working on nextjs project and i'm getting the following error when i try my tests</p>
  <p><em><strong>could not find react-redux context value; please ensure the component is wrapped in a <code>&lt;Provider&gt;</code></strong></em></p>
  <pre><code>27 | const Home = () =&gt; {
    28 |   const classes = useStyles();
  &gt; 29 |   const dispatch = useDispatch();
       |                    ^
    30 | 
    31 |   const movies = useSelector((state: RootState) =&gt; state.movies.movies);
    32 |   const isMovieSaving = useSelector(
  </code></pre>
  <p>I'm getting this error only when using the useDispatch hook.</p>
  <p>_app.tsx</p>
  <pre><code>const App = ({ Component, pageProps }) =&gt; {
    const classes = useStyles();
    return (
      &lt;Provider store={store}&gt;
        &lt;ThemeProvider theme={Theme}&gt;
          &lt;CssBaseline /&gt;
          &lt;Container className={classes.root}&gt;
            &lt;Header /&gt;
            &lt;div className={classes.contentContainer}&gt;
              &lt;Component {...pageProps} /&gt;
            &lt;/div&gt;
            &lt;Footer links={[Instructions, Design, Swagger, Storybook]} /&gt;
          &lt;/Container&gt;
        &lt;/ThemeProvider&gt;
      &lt;/Provider&gt;
    );
  };
  </code></pre>
  <p>index.tsx</p>
  <pre><code>const Home = () =&gt; {
    const classes = useStyles();
    const dispatch = useDispatch();
  
    return (
      &lt;div className={classes.container}&gt;
        &lt;MoviesList
          movies={movies}
          getRating={getRating}
          saveMovie={saveMovie}
          formBackgroundColor={formBackgroundColor}
        /&gt;
      &lt;/div&gt;
    );
  
  
  export default Home;
  </code></pre>
  <p>The error says that i should wrap the component with Provider. But i have already done in _app.tsx. I tried wrapping the Home component with Provider as well, but got the same result. What could be the reason for this?</p>