Uncaught Error: 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
Hi, I kept getting this error:

> Uncaught Error: 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

The button renders, and when I click it, the ColorPicker renders. BUT, the above error then occurs and crashes the React app.

I deleted my entire app and condensed it into just  a skeleton, rendering the color picker. I still get 
this error... (?!)

Can someone help me figure out what I'm doing wrong?  Or is this a bug with the current version?

Thanks!


Here's the skeleton code I chopped my app down into, still gives the above error:
```

app.jsx:

import React from 'react';
import ReactDOM from 'react-dom';

import { ChromePicker } from 'react-color'

var CPicker = React.createClass({

  getInitialState: function() {
    return {
      displayColorPicker: false,
    };
  },

  handleClick: function() {
    this.setState({ displayColorPicker: !this.state.displayColorPicker })
  },

  handleClose: function() {
    this.setState({ displayColorPicker: false })
  },

  render: function() {
    const popover = {
      position: 'absolute',
      zIndex: '2',
    }
    const cover = {
      position: 'fixed',
      top: '0px',
      right: '0px',
      bottom: '0px',
      left: '0px',
    }

    return (
      <div>
      <button onClick={ this.handleClick }>Pick Color</button>
      { this.state.displayColorPicker
        ? <div style={ popover }>
          <div style={ cover } onClick={ this.handleClose }/>
            <ChromePicker />
          </div>
        : null
      }
      </div>
    );
  }
});



var App = React.createClass({

  render: function() {
    return (
      <div id="app">
        <CPicker />
      </div>
    );
  },
})

ReactDOM.render(<App />, document.getElementById('app'))
export default App;

```

I changed my package.json to just the barebones:

```
  "devDependencies": {
    "autoprefixer-loader": "^3.2.0",
    "babel-core": "^6.22.1",
    "babel-loader": "^6.2.10",
    "babel-preset-es2015": "^6.22.0",
    "babel-preset-react": "^6.22.0",
    "css-loader": "^0.26.1",
    "less": "^2.7.2",
    "less-loader": "^2.2.3",
    "react": "^15.4.2",
    "react-dom": "^15.4.2",
    "style-loader": "^0.13.1",
    "webpack": "2.2.0",
    "webpack-dev-server": "^2.2.0"
  },
  "dependencies": {
    "react-color": "^2.11.1"
  },
```



