title: Could not find "store" in either the context
body: <p>Hi everyone I'm having this problem and I can't solve it right now.
  I really need now that my app can call some api when it starts so I moved all my logic from the root to the app.
  Does anyone know what is going on?</p>
  
  <p><strong>index.js</strong></p>
  
  <pre><code>    import React from 'react'
  import ReactDOM, {render} from "react-dom";
  import App from './App';
  import { createStore, applyMiddleware } from "redux";
  import { Provider } from "react-redux";
  import rootReducer from "./store/rootReducer";
  import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
  import thunk from "redux-thunk";
  import { save } from "redux-localstorage-simple";
  //CONSTS
  const css = require("./App.scss");
  const middlewares = [thunk];
  import { composeWithDevTools } from "redux-devtools-extension";
  const store = createStore(
      rootReducer,
      composeWithDevTools(applyMiddleware(...middlewares, save()))
    );
  const RootApp = () =&gt; (
      &lt;Provider store={ store }&gt;
          &lt;Router&gt;
              &lt;App /&gt;
          &lt;/Router&gt;
      &lt;/Provider&gt;
  )
  ReactDOM.render(&lt;RootApp /&gt;, document.getElementById('App'));
  </code></pre>
  
  <p><strong>App.js</strong></p>
  
  <pre><code> // IMPORTS
  import React, { Component, Fragment } from "react";
  import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
  import HomeComponent from "./pages/Home.js";
  import DetailComponent from "./pages/Detail.js";
  import { connect } from "react-redux";
  import { bindActionCreators } from "redux";
  import { getItems } from "./store/actions";
  class App extends Component {
  
    async componentDidMount() {
      await getItems()
      //this.setState({ items });
    }
    render() {
      return (
        &lt;Fragment&gt;
          &lt;Switch&gt;
            &lt;Route exact path="/" component={HomeComponent} /&gt;
            &lt;Route exact path="/:id" component={DetailComponent} /&gt;
          &lt;/Switch&gt;
        &lt;/Fragment&gt;
      );
    }
  }
  const mapStateToProps = state =&gt; ({});
  
  const mapDispatchToProps = dispatch =&gt;
    bindActionCreators({getItems},dispatch);
  
  export default connect(
    mapStateToProps,
    mapDispatchToProps
  )(App);
  </code></pre>
  
  <p><strong>html</strong>
      
      </p>
  
  <pre><code>&lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css"&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
          &lt;div id='App'&gt;
          &lt;/div&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>I'm getting this error </p>
  
  <p><em>browser.js:38 Uncaught Error: Could not find "store" in either the context or props of "Connect(App)". Either wrap the root component in a , or explicitly pass "store" as a prop to "Connect(App)".</em></p>