CodeyOverflow Forum Not Rendering Can't Find an Error

Hi everyone! I’m struggling with the CodeyOverflow Forum project. I’ve scoured the forums and my code but I can’t seem to find an error in it.

The link to the Project:CodeyOverflow Forum

App.js

import React from 'react';
import {comments} from './commentData';
import Card from './Card';

function App() {
  return (
    <div>
      {
        comments.map(comment => 
          <Card commentObject={comment}/>;
        ) 
      }
    </div>
  )
} 

export default App;

Card.js

import React from 'react';
import Header from './Header';
import Body from './Body';

function Card(props) {
  return (
    <>
      <Header profileImg={props.commentObject.profileImg} username={props.commentObject.username}/>
      <Body comment={props.commentObject.comment}/>
    </>
  )
}

export default Card;

Header.js

import React from 'react';

function Header(props) {
  return (
    <>
      <img src={props.profileImg}></img>
      <h1>{props.username}</h1>
    </>
  )
}

export default Header;

Body.js

import React from 'react';


function Body(props) {
  return (
    <>
      <p>{props.comment}</p>
    </>
  )
}

export default Body;

Index.js

import React from 'react';
import {createRoot} from 'react-dom/client';
import App from './App';

createRoot(
  document.getElementById('app')
).render(<App />);

Thank you all in advance!
I losing my head rn!

OMG Never mind just found the error it was a stupid semicolon after the instance… I can’t believe i wasted over an hour on this…

comments.map(comment => 
          <Card commentObject={comment}/>;
        )