React - Pass an Array as Props

Tell us what’s happening:
Describe your issue in detail here.
Please I need help, it seems like I did everything properly, but it still does not work. What’s wrong? who can give me a hint?

  **Your code so far**
const List = (props) => {
{ /* Change code below this line */ }
return <p>{props.tasks}</p>;
{ /* Change code above this line */ }
};

class ToDo extends React.Component {
constructor(props) {
  super(props);
}
render() {
  return (
    <div>
      <h1>To Do Lists</h1>
      <h2>Today</h2>
      { /* Change code below this line */ }
      <List tasks={["Walk", "Sleep", "Cook"]} />
      <h2>Tomorrow</h2>
      <List tasks={["Run", "Bake", "Study"]} />
      { /* Change code above this line */ }
    </div>
  );
}
};
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Challenge: React - Pass an Array as Props

Link to the challenge:

Hi @Aza-di !

Welcome to the forum!

Your code currently produces this result
Screen Shot 2022-08-10 at 11.17.40 PM

Remember that the directions say you need to use the join method in your answer.

Reread through the examples they gave you and incorporate the join method in your code.
That will fix your spacing issue.