Invariant Violation Error when Used in Storybook

[ryanfitzer]

When trying to use this component in Storybook, I get the following error:

Element ref was specified as a string (wrapper) but no owner was set. This could happen for one of the following reasons:
  1. You may be adding a ref to a functional component
  2. You may be adding a ref to a component that was not created inside a component's render method 
  3. You have multiple copies of React loaded
See https://fb.me/react-refs-must-have-owner for more information.

Invariant Violation: Element ref was specified as a string (wrapper) but no owner was set. This could happen for one of the following reasons:
  1. You may be adding a ref to a functional component
  2. You may be adding a ref to a component that was not created inside a component's render method
  3. You have multiple copies of React loaded
See https://fb.me/react-refs-must-have-owner for more information.

Looks like it's due to using string refs.

[amio]

We should update the usage of ref in favor of React 16.

Even further, I'm thinking remove those refs, using react-motion (4.8KB) for animation. It would increase the bundle size (2.7KB currently), but in return we get:

• Simpler animation code & better suit React 16
• Support React Native (big bonus)

[ryanfitzer]

I’m all for it!

[ryanfitzer]

It would increase the bundle size (2.7KB currently)

~ 7.5KB is still very minimal.