Learning Redux

Using the component

Finally, we  need to display the ConnectedErrorMessage container component in our App component:

1. Edit src/components/App.jsx and import the container component:

import ConnectedErrorMessage from '../containers/ConnectedErrorMessage.jsx'

2. Then, display the component after the loading indicator:

const App = ({ store }) =>  <Provider store={store}>    <div>      <h1>React/Redux blog</h1>      <div><ConnectedFilterList /></div>      <div><ConnectedLoading /></div>      <div><ConnectedErrorMessage /></div>      ...other components...    </div>  </Provider>

Restart the backend server (it does not hot reload) by running npm start or npm run start:dev again. You should now see the error message when you open the frontend client in your browser:

The error ...