title: react-redux <Provider> - Blank page
body: <p>My program was working just fine until I started working with 'react-redux'. Now I get a blank page on localhost and the console shows the error:</p>
  <p><a href="https://i.stack.imgur.com/qRA0c.png" rel="nofollow noreferrer">Uncaught TypeError: Found non-callable @@iterator</a></p>
  <p>Here is my code:</p>
  <p>store</p>
  <pre class="lang-js prettyprint-override"><code>    import {createStore, applyMiddleware, compose} from 'redux'
      import thunk from 'redux-thunk';
      import rootReducer from './reducers/rootReducer';
      
      import {sessionService} from 'redux-react-session';
      
      const initialState = {};
      const middlewares = {thunk};
      
      const store = createStore(rootReducer, initialState, compose (applyMiddleware(...middlewares)));
      
      sessionService.initSessionService(store);
      
      export default store
  </code></pre>
  <p>rootReducer</p>
  <pre class="lang-js prettyprint-override"><code>    import {combineReducers} from 'redux';
      
      //session
      import {sessionReducer } from &quot;redux-react-session&quot;;
      
      const rootReducer = combineReducers ({
          session: sessionReducer
      });
      
      export default rootReducer;
  </code></pre>
  <p>App</p>
  <pre class="lang-js prettyprint-override"><code>    import React from 'react';
      
      // Pages
      import Home from './pages/Home';
      import Login from './pages/Login';
      import Signup from './pages/Signup';
      import Dashboard from './pages/Dashboard';
      
      
      //Styled Components
      import {StyledContainer} from './components/Styles';
      
      import { HashRouter as Router, Route, Routes } from &quot;react-router-dom&quot;;
      
      function App() {
        return (
          &lt;Router&gt;
            &lt;StyledContainer&gt;
              &lt;Routes&gt;
                &lt;Route path='/signup' element={&lt;Signup/&gt;} /&gt;
      
                &lt;Route path='/login' element={&lt;Login/&gt;} /&gt;
      
                &lt;Route path='/dashboard' element={&lt;Dashboard/&gt;} /&gt;
      
                &lt;Route path='/' element={&lt;Home/&gt;} /&gt;
      
              &lt;/Routes&gt;
            &lt;/StyledContainer&gt;
          &lt;/Router&gt;
        );
      }
      
      export default App;
  </code></pre>
  <p>index</p>
  <pre class="lang-js prettyprint-override"><code>    import React from 'react';
      import ReactDOM from 'react-dom';
      import './index.css';
      import App from './App';
      
      
      // auth
      import {Provider } from 'react-redux';
      import store from &quot;./auth/store&quot;;
      
      ReactDOM.render(
        &lt;React.StrictMode&gt;
          &lt;Provider store={store}&gt;
            &lt;App /&gt;
          &lt;/Provider&gt;            
        &lt;/React.StrictMode&gt;,
        document.getElementById('root')
      );
  </code></pre>
  <p>I don't know what is wrong, and I don't have experience. I was trying to following a tutorial: <a href="https://www.youtube.com/watch?v=HCnHYz6TXA4" rel="nofollow noreferrer">https://www.youtube.com/watch?v=HCnHYz6TXA4</a><br />
  Thanks in advance!</p>