How to fix React 15.5.3 PropTypes deprecated warni

Question

I'm using create-react-app to start React project. At latest React 15.5.3 package, it appears following warnings:

Warning: Accessing PropTypes via the main React package is deprecated. Use the prop-types package from npm instead.

I have already follow the blog:

npm install prop-types and import PropTypes from 'prop-types';

but it doesn't work. I don't use any PropTypes or props in code:

import React, { Component } from 'react';
import PropTypes from 'prop-types';

class App extends Component {
    constructor() {
        super();
        this.state = {
            videoVisible: true,
        };
    }

    ......
}

How to fix that?

Thanks.

Answer 1

Pulled from Reacts blog - npm install prop-types, then use new code. Also it said you can get this error message if a nested component is not using prop-types but the parent is - so you need to check other components.

// Before (15.4 and below)
import React from 'react';

class Component extends React.Component {
  render() {
    return <div>{this.props.text}</div>;
  }
}

Component.propTypes = {
  text: React.PropTypes.string.isRequired,
}

// After (15.5)
import React from 'react';
import PropTypes from 'prop-types';

class Component extends React.Component {
  render() {
    return <div>{this.props.text}</div>;
  }
}

Component.propTypes = {
  text: PropTypes.string.isRequired,
};

Answer 2

React v15.5.x adds new warnings check here

Downgrading React v15.5.3 to 15.4.x works for me

npm install --save react@15.4.0 react-dom@15.4.0