Messages app in code editor

If we were to render this to the server, would we render the component AppWrapper?

const Provider = ReactRedux.Provider;
const connect = ReactRedux.connect;

// Define the Container component here:
const Container = connect(mapStateToProps, mapDispatchToProps)(Presentational);

class AppWrapper extends React.Component {
constructor(props) {
render() {
  // Complete the return statement:
  return (
    <Provider store={store}>
    <Container />

ReactDOM.render(<ConnectedComponent />, document.getElementById("root"));


<div id="root"></div>

The display is the issue.

2021-04-14-react-redux-connect-redux-to-the-messages-app-1-.js (

Challenge: Connect Redux to the Messages App

Link to the challenge:

Well, it’s client-side, but yes.

  1. You have to add redux and react-redux to the Codepen.

  2. You have some extra duplicated code.

  3. You should render AppWrapper.

Client-side rendering. Removing the duplicated section in the JS helped. Adding redux and react-redux made the display appear. Thank you.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.