JavaScript React Basics (retired) Thinking in Components Decomposing our Application

Ginger Williams
Ginger Williams
6,409 Points

Uncaught TypeError: Cannot read property 'isRequired' of undefined

only see loading in the preview

Am getting this error in console: app.jsx:11 Uncaught TypeError: Cannot read property 'isRequired' of undefined at eval (eval at transform.run (babel-browser.min.js:4), <anonymous>:17:34) at Function.transform.run (babel-browser.min.js:4) at exec (babel-browser.min.js:4) at babel-browser.min.js:4 at XMLHttpRequest.xhr.onreadystatechange (babel-browser.min.js:4)

Am getting this error in react: Waiting for roots to load...

function Header(props){
  return(
    <div className="header">
      <h1>{props.title}</h1>
    </div>
  );
}

Header.propTypes = {
  title: React.PropTypes.strint.isRequired,
}

function Player(props){
  return(
      <div className="player">
        <div className="player-name">
          {props.name}
        </div>
        <div className="player-score">
          <div className="counter">
              <button className="counter-action decrement"> - </button>
              <div className="counter-score">{props.score}</div>
              <button className="counter-action increment"> + </button>
          </div>
        </div>
      </div>
  );
}

Player.propTypes = {
  name: React.PropTypes.string.isRequired,
  score: React.PropTypes.number.isRequired,
}

function Application(props) {
  return (
   <div className="scoreboard">

    <Header title={props.title} /> 

    <div className="players">
        <Player name="Jim Hoskins" score={31} />
        <Player name="Andrew Chalkers" score={33} />
    </div>
   </div>
  );
}

Application.propTypes = {
  title: React.PropTypes.string,
};

Application.defaultProps = {
  title: "Scoreboard",
};

ReactDOM.render(
  <Application />, document.getElementById('container')
);

1 Answer

You have a spelling error for the word string

Header.propTypes = {
  title: React.PropTypes.strint.isRequired,
}
Katie Jordan
Katie Jordan
7,842 Points

Just came here to say I also spelt string wrong, lol