Help with this React problem

JavaScript
1

Tell us what’s happening:
Hi,
I can’t figure this one out. I have even matched it exactly to the solution and it still does not pass.

Your code so far


const CurrentDate = (props) => {
return (
  <div>
    { /* Change code below this line */ }
    <p>The current date is: {props.date}</p>
    { /* Change code above this line */ }
  </div>
);
};

class Calendar extends React.Component {
constructor(props) {
  super(props);
}
render() {
  return (
    <div>
      <h3>What date is it?</h3>
      { /* Change code below this line */ }
      <CurrentDate />
      { /* 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/87.0.4280.66 Safari/537.36.

Challenge: Pass Props to a Stateless Functional Component

Link to the challenge:

2

I had <CurrentDate date={date()} in the calendar component but it gives me an error.

3

It is an error because the Date function needs to have a capital D not lowercase.

{Date()}