In my previous Meteor app, using browserify, and React, all was working until I switched to meteor webpack.
I use react-select in my Meteor apps and it worked great but with browserify I could prevent multiple copies of react from loading which prevents this error I'm now having:
Error: Invariant Violation: addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's `render` method, or you have multiple copies of React loaded (details: https://fb.me/react-refs-must-have-owner).
My package.json look this:
...
dependencies: {
classnames: ^2.1.3,
lodash: ^3.10.0,
react: ^0.14.6,
react-dom: ^0.14.6,
react-mixin: ^2.0.1,
react-select: ^1.0.0-beta8
},
...
Is there a configuration in webpack I could use something call externals? Not fully sure what that means but a comment said to use:
externals: {
'react': 'React',
'react-dom': 'ReactDOM'
}