Warning: ReactClass: You're attempting to include a mixin that is either null or not an object.

[sadr0b0t]

Hello, I'm trying to include react.animate to my react component

var React = require('react');
...
var MyComponent = React.createClass({
    mixins: [React.Animate],
...

Get warning on component load:

Warning: ReactClass: You're attempting to include a mixin that is either null or not an object. Check the mixins included by the component, as well as any mixins they include themselves. Expected object but got undefined.

And then error when try to make animation:

Uncaught TypeError: this.animate is not a function

If I try to make something like

var React = require('react');
React.Animate = require('react.animate');
...

I get

Uncaught TypeError: Cannot set property 'Animate' of undefined

in react.animate.js at

  React.Animate = {
...

I have my react js component in a separate js file, run JS app on Electron platform.

[sadr0b0t]

ok, I was able to make it work in the following way:

0. Installed react.animate from npm

npm install react.animate --save

1. Manually updated local node_modules/react.animate/react.animate.js with latest code from github

2. Installed ease-component (npm did not take it as react.animate dep by some reason)

npm install ease-component --save

3. Added require('react.animate') call to the top of the component module

var React = require('react');
require('react.animate');
...
var MyComponent = React.createClass({
    mixins: [React.Animate],

4. this.animate did work for me after that

this.animate({posX: pos.x, posY: pos.y, posZ: pos.z}, 500);

[pleasetrythisathome]

Hey Anton, I'm traveling currently but will be able to take a look towards the end of this week. Some other folks have modified the way this lib works via npm so I'm not as familiar as I once was

…

On Sat, Mar 4, 2017 at 8:51 AM Anton ***@***.***> wrote: ok, I was able to make it work in the following way: 1. Installed react.animate from npm npm install react.animate --save 1. Manually updated local node_modules/react.animate/react.animate.js with latest code from github 2. Installed ease-component (npm did not take it as react.animate dep by some reason) npm install ease-component --save 1. Added require('react.animate') call to the top of the component module var React = require('react'); require('react.animate'); ...var MyComponent = React.createClass({ mixins: [React.Animate], 1. this.animate did work for me after that this.animate({posX: pos.x, posY: pos.y, posZ: pos.z}, 500); — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#20 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABzn1vZaNn8aY4DFJ3pj7mer_p9Ze0iZks5riZaRgaJpZM4MTHhU> .