High Order Component to wrap a component with redux Provider

withReduxProvider.js

import React, { Component } from 'react';
import { Provider } from 'react-redux';
import initialState from './store/initialState';
import createStore from './store/createStore';

const store = createStore(initialState);
const getDisplayName = WrappedComponent => WrappedComponent.displayName || WrappedComponent.name || 'WrappedComponent';

/**
 * HOC to wrap a component within redux provider to allow access the store.
 */
export default (WrappedComponent) => {
  class WrappedComponentWithRedux extends Component {

    static displayName = `WrappedComponentWithRedux(${getDisplayName(WrappedComponent)})`;

    /**
     * Wrapper function to call getInitialProps of the wrapped component.
     */
    static getInitialProps(context) {
      if (typeof WrappedComponent.getInitialProps === 'function') {
        return WrappedComponent.getInitialProps(context);
      }
      return null;
    }

    render() {
      return (
        <Provider store={store}>
          <WrappedComponent {...this.props} />
        </Provider>
      );
    }
  }

  return WrappedComponentWithRedux;
};