React: Review Using Props with Stateless Functional Confused Components

Tell us what’s happening:
Why is my solution not getting accepted while the hint provided gets accepted. I am confused why this is happening. Please point out any mistakes. Thanks

const Camper = props =>



Camper.defaultProps = {
name: “CamperBot”

Camper.propTypes = {
name: PropTypes.string.isRequired

Your code so far

class CampSite extends React.Component {
constructor(props) {
render() {
  return (
// change code below this line

const Camper = props =>{
    <p> {} </p>

Camper.defaultProps = {name: 'CamperBot'}

Camper.propTypes = { name: PropTypes.string.isRequired }

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 Safari/537.36.

Challenge: Review Using Props with Stateless Functional Components

Link to the challenge:

This line declares that is required, meaning you must pass name as props to <Camper />