Error during build: `WebpackError: Could not find "store"`

Description

I use redux to add a global state to my gatsby website. It works but the build failed:

WebpackError: Could not find "store" in either the context or props of "Connect(DefaulLayout)". Either wrap the root component in a <Provider>, or explicitly pass "store" as a prop to "Connect(DefaulLayout)".

Environment

Gatsby version: 1.9.127 Node.js version: 9.2.0 Operating System: Ubuntu 17.10

File contents

I took this 2 files from https://github.com/gatsbyjs/gatsby/tree/master/examples/using-redux:

• gatsby-browser.js:

import React from 'react'
import { Router } from 'react-router-dom'
import { Provider } from 'react-redux'

import createStore from './src/state/createStore'

exports.replaceRouterComponent = ({ history }) => {
  const store = createStore()

  const ConnectedRouterWrapper = ({ children }) => (
    <Provider store={store}>
      <Router history={history}>{children}</Router>
    </Provider>
  )

  return ConnectedRouterWrapper
}

• gatsby-ssr.js:

import React from 'react'
import { Provider } from 'react-redux'
import { renderToString } from 'react-dom/server'

import createStore from './src/state/createStore'

exports.replaceRenderer = ({ bodyComponent, replaceBodyHTMLString }) => {
  const store = createStore()

  const ConnectedBody = () => (
    <Provider store={store}>
      {bodyComponent}
    </Provider>
  )

  replaceBodyHTMLString(renderToString(<ConnectedBody/>))
}

[m-allanson]

Ohh ok I think gatsby-plugin-glamor means you’re running in to #2005. Thanks for creating the example repo 😃

Until there’s a better way of handling this, you’ll probably need to manually reimplement the gatsby-plugin-glamor code in your gatsby-ssr.js. Check out the examples in the linked issue.

[KyleAMathews]

Hmm yeah, really need to add the check described in #2005