title: NextJS putting redux in a component not in Pages but in a hoc layout
body: <p>Trying to get redux working in my Navbar which is placed in my Layout higher ordered component.</p>
  
  <pre><code>export default connect(mapStateToProps)(Navbar);
  </code></pre>
  
  <p>at the bottom of my Navbar.js is giving me this error</p>
  
  <blockquote>
    <p>Could not find "store" in either the context or props of
    "Connect(navbarItems)". Either wrap the root component in a
    , or explicitly pass "store" as a prop to
    "Connect(Navbar)".</p>
  </blockquote>
  
  <p>and I cannot configure redux in my layout or I get this error</p>
  
  <pre><code>Attention, withRedux has to be used only for top level pages, all other components must be wrapped with React Red
  ux connect!
  </code></pre>