gatsby-ssr.tsx

// const React = require('react')
// const PropTypes = require('prop-types')
// const { Provider } = require('react-redux')
// const { Map: IMap } = require('immutable')

import * as React from 'react'
import { Provider } from 'react-redux'
import { Map as IMap }  from 'immutable'

const { createStore, compose, applyMiddleware } = require('redux')

const thunk = require('redux-thunk').default
const reducers = require('./src/reducers').default

export const wrapRootElement = ({ element }) => {
  const configureStore = (initialState = IMap()) => {
    const store = createStore(
      reducers,
      initialState,
      compose(applyMiddleware(thunk))
    )

    return store
  }

  const store = configureStore()

  const ConnectedRootElement = <Provider store={store}>{element}</Provider>

  // ConnectedRootElement.propTypes = {
  //   element: PropTypes.node.isRequired,
  // }

  return ConnectedRootElement
}

export const onPreRenderHTML = () => {
  // console.log('onPreRenderHTML') // eslint-disable-line no-console
}

export const onRenderBody = (obj) => {
  // console.log('onRenderBody') // eslint-disable-line no-console
}