React-Bootstrap: manually calling a React.PropTypes validation function

Question

After upgrading my project after coming back to it after 2 weeks I receive lots of warning I can't get rid of:

warning.js:44 Warning: You are manually calling a React.PropTypes validation function for the onClick prop on NavbarToggle. This is deprecated and will not work in the next major version. You may be seeing this warning due to a third-party PropTypes library.

warning.js:44 Warning: You are manually calling a React.PropTypes validation function for the onClick prop on NavItem. This is deprecated and will not work in the next major version. You may be seeing this warning due to a third-party PropTypes library.

Obviously, they have something to do with react-bootstrap.

I have found a similar question for react-native where the answers suggest to upgrade dependent libraries versions. I have done so but it didn't no help... I also removed node_modules completely and then reinstalled again.

I have looked into the issues on github but there ain't a similar one.

How can I correct my app and dismiss the warnings?

Versions I have:

What is the version of react-bootstrap you are using? It is hard to help when you don’t give any details. :-( — Dan Abramov
– Dan Abramov, Commented Aug 17, 2016 at 13:46
Can I ask you to provide a minimal project reproducing this? Or a fiddle. — Dan Abramov
– Dan Abramov, Commented Aug 17, 2016 at 13:54
I hoped it wouldn't go that far... I will wait. Maybe somebody will know right away. If not then I will make the fiddle. Thanks Dan! — Amio.io
– Amio.io, Commented Aug 17, 2016 at 14:00
create-react-app myproject && cd myproject && npm i --save react-bootstrap — Dan Abramov
– Dan Abramov, Commented Aug 17, 2016 at 14:01

Dan Abramov · Accepted Answer · 2016-08-17 14:10:22Z

1

I created this fiddle for you:

var Hello = React.createClass({
  render: function() {
    return <div><NavItem /></div>;
  }
});
ReactDOM.render(
  <Hello name="World" />,
  document.getElementById('container')
);

In general, it’s best that you try to do this as part of the question ;-)

I can’t reproduce the warning in that fiddle. If you copy and paste the code using React Bootstrap that triggers this warning, I’ll be happy to take another look.

answered Aug 17, 2016 at 14:10

Dan Abramov

269k87 gold badges417 silver badges523 bronze badges

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

3 Comments

Amio.io Over a year ago

I am unable to reproduce it but I have found what's maybe causing my issue. I am not sure thogh. I have updated the question.

Amio.io Over a year ago

I have found it! I will post the answer soon. Thanks Dan a lot. I thought it was a general issue but it was me however.

Amio.io Over a year ago

Dan, it was solved by the versions not my change in the answer. Sorry for confisung you.

blessingoraz · Accepted Answer · 2016-10-18 02:53:30Z

-1

I solved these errors by uninstalling this version of react which is react 15.3.0 to react 15.2.0.

This is because the latest version of react has removed PropTypes from production, so manually adding the PropType will throw an error.

To get more info about this, check out https://facebook.github.io/react/warnings/dont-call-proptypes.html

answered Oct 18, 2016 at 2:53

blessingoraz

334 bronze badges

1 Comment

Ben Over a year ago

Although it might work, downgrading is an inelegant solve that doesn't fix the problem permanently, unfortunately. The React engineers have included an error to help with future compatibility, so it's best to fix the problem following their recommendations.

Collectives™ on Stack Overflow

React-Bootstrap: manually calling a React.PropTypes validation function

2 Answers 2

3 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related