Cannot read property 'string' of undefined | React.PropTypes

Question

I installed the prop-types package by running npm i prop-types --save and my dependencies are:

 "dependencies": {
    "prop-types": "^15.7.2",
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-scripts": "3.0.1"
  },

My code:

import React from 'react';
import PropTypes from 'prop-types';


function Question(props) {
  return (
    <h2 className="question">{props.content}</h2>
  );
 }

 Question.propTypes = {
    content: React.PropTypes.string.isRequired
  };

  export default Question;

I restarted node 5-6 times but still getting this error:

What am I missing here?

Spencer D · Accepted Answer · 2019-08-24 17:09:45Z

2

Based on a ReactJS documentation/tutorial page, Type Checking with PropTypes, it looks like you are attempting to access PropTypes using the old approach.

Try using this instead:

Question.propTypes = {
    content: PropTypes.string.isRequired
};

answered Aug 24, 2019 at 17:09

Spencer D

3,4862 gold badges31 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Andy · Accepted Answer · 2019-08-24 17:09:51Z

1

Looking at the documentation you don't need the React prefix:

Question.propTypes = {
  content: PropTypes.string.isRequired
};

answered Aug 24, 2019 at 17:09

Andy

63.7k13 gold badges72 silver badges99 bronze badges

Collectives™ on Stack Overflow

Cannot read property 'string' of undefined | React.PropTypes

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related