re-carousel

re-carousel copied to clipboard

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.

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)

I’m all for it!

It would increase the bundle size (2.7KB currently)

~ 7.5KB is still very minimal.