Unhandled JS Exception: undefined is not an object (evaluating 'PropTypes.func')

[olix21]

Hello,

We are making a react native project with you're awesome webview bridge.
We just upgrade to react native 0.26.1 and react 15.0.2 this morning and we have now this PropTypes issue.

Is it possible that certain pieces of your code are depreciated?

[KeinborgMichael]

use files from git , not from npm

[g6ling]

use npm i https://github.com/alinz/react-native-webview-bridge

[olix21]

Related to #92

[AlekseyKutsko]

I have same problem.
I use npm i https://github.com/alinz/react-native-webview-bridge, but this not help me.
any solutions?

[io-pan]

Works fine with RN 0.44.2

But I'm having the problem with RN 0.49.3
even using npm i https://github.com/...

[AlekseyKutsko]

Thanks, works with RN 0.44.2.

[thejacobseely]

After doing some research, I discovered that "PropTypes" has been migrated to its own package.
(For more details, see https://reactjs.org/blog/2017/04/07/react-v15.5.0.html#migrating-from-react.proptypes)).

I solved the issue by changing the following in index.ios.js:
var { PropTypes } = React;
to
var PropTypes = require("prop-types");

After that, I got an error with React.createClass (also caused by another change in React, and resolved by adding the new package), which I solved by adding the following to index.ios.js:
var createReactClass = require('create-react-class');

and then changing:
var WebViewBridge = React.createClass({
to
var WebViewBridge = createReactClass({

Hope that helps!

PS The fact that it works with older versions is probably because they have not upgraded React. When you upgrade ReactNative you will probably have to make the same changes.

It appears that this error will go away after this pull request is approved:
#243

[Timoteus78]

@thejacobseely Thanks for your comment, that def got me further. Though now I run into "RCTWebViewBridge" does not exist I noticed that the latest branch (V2) hasn't been touched for 11 months and has diverged a lot from master. Did you end up getting it to work?

[jgartner1]

@thejacobseely @Timoteus78 I have the same issue. It just can't resolve RCTWebViewBridge The error message is:

"Invariant Violation: Native component for "RCTWebViewBridge" does not exist"

And linking it with npm link as @JF-13 suggested it didn't help at all. The error persits. @Timoteus78 have you found a solution to this already? If so please tell me, I really need this WebViewBridge. And yeah that's an interesting question wheter @thejacobseely got it working??

[fonko]

@thejacobseely i follow your instrucctions and still have undefined is not an object (evaluating 'PropTypes.func')

:(

[ShridharCodewave]

@thejacobseely I encountered same problems and I followed your steps but after replacing
var WebViewBridge = React.createClass({ by var WebViewBridge = createReactClass({
Iam getting a new error saying "can't find variable: createReactClass".
Does anyone know solution for this problem?

[prospegto]

@ShridharCodewave Did you add it?
var createReactClass = require('create-react-class');
@fonko Same as you and then I realised I was changing the files in react-native-webview-bridge-updated instead of react-native-webview-bridge

[ShridharCodewave]

@prospegto Yes I did and the issue is solved now :)

[jeanniton-mnr]

Hello!
I have followed @winadiw instructions posted here and it worked for me.
And I think it'd also be good if we merge those two open issue and/or mark them as solved.