Outline We're trying to divide up a large React.js project into several node packages which can be seperately maintained. We are trying to extract all the complex three.js framework code and centralize it in a "previewer" package.
Problem We have a special case in which we need to use the ref keyword once in a component. I know it's bad practice :( , we were wondering if there's anyway to remove or suppress the warning below from react:
Similar solution, that helped me
For anyone else having a similar issue, it turned out that multiple copies of React were being referenced, when having separate npm modules.
Here's my directory structure, the two npm modules react-app and react-mycomponent. During local development I was using npm link, to use the local version of the module. This unfortunately also uses the local versions "node_modules"
this means all import statements import React from 'react'; were importing from the react-mycomponent/node_modules folder.
In order to prevent this, I changed all references:
import React from 'react';
to
var React = require('react');