CodeyOverflow Forum - help me find the error


I can’t find the error on my code. I review with the video codecademy provides and all seem the same. Can anyone help me find out where is the error?

This all looks fine except App.js - it looks like it is a copy of Body.js

You may have lost the starter code for App.js, so here it is:


import React from "react";
import { comments } from "./commentData";
// Step 12 goes here!

export default function App(props) {
  return (
        {/* Step 6 goes here! */}
1 Like

There are a number of issues that need to be corrected:

  • As noted by jameskeezer, your App.js file is just a duplicate of Body.js. The code in App.js needs to be replaced with the correct code.

  • In Body.js, you have a typo. You wrote props.commment instead of props.comment. You also need the return keyword so that the <p> element is returned.

  • In Card.js, you wrote commentsObject instead of commentObject. Step 6 mentions that in App.js, each Card component instance should be given an attribute named commentObject. Therefore, in Card.js, you should use props.commentObject. You have done so for the profileImg attribute, but for the username and comment attributes, you have used props.commentsObject which is incorrect.

  • In index.js,

// You wrote:
import {ReactDOM} from "react-dom/client";

// It should be:
import {createRoot} from 'react-dom/client';


// You wrote:
createRoot((document.getElementById = "app")).render(<App />);

// It should be:
createRoot(document.getElementById('app')).render(<App />);