Learn React Hooks

Setting up the Provider component

Finally, we have to set up a Provider component, which is going to provide a context for the Redux store, which will be used by the connectors.

Let's set up the Provider component now:

1. Edit src/index.js, and import the Provider component from react-redux:

import { Provider } from 'react-redux'

2. Now, import the ConnectedApp component from the containers folder and import the Redux store that was created by configureStore.js:

import ConnectedApp from './containers/ConnectedApp'import store from './configureStore'

3. Finally, adjust the first argument to ReactDOM.render, by wrapping the ConnectedApp component with the Provider component, as follows:

ReactDOM.render(    <Provider store={store}> <ConnectedApp /> ...