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.
PropTypes is deprecated since React 15.5.
If you really need create-react-app , you might need to reinstall Node and reconfigure your dependencies to ensure you have a fresh start with Node, npm, npx, and the like.
When you open Visual Studio (I'm using 2019) there is an option that says "Open a Local Folder". Choose that and select the folder that contains the React application. Once it opens, if you right-click on the package. json files there is an NPM menu that contains your NPM tasks.
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,
};
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With