use together with other HOC?

[badtant]

Hi, I'm trying to use GSAP together with another HOC. In this case connect from react-redux. Using es6. However I can't get it to work.

import GSAP from 'react-gsap-enhancer';
import { connect } from 'react-redux';

class MyComponent extends React.Component {
  render() {/*...*/}
}

const map = (state) => ({
  countdown: state.countdown
});

export default GSAP(connect(map)(MyComponent));

Am I doing this wrong?

[azazdeaz]

I'm not sure what are you experiencing but probably changing the HoC order will fix the issue. like:

export default connect(map)(GSAP(MyComponent))

[badtant]

That made the connect work, but when trying to add an animation utils.target is empty so I cant use the find methods.

[azazdeaz]

That sounds weird, can you show the code that does this?

[badtant]

Set up a codepen with similar code but of course it works there... http://codepen.io/anon/pen/JRZByV

Gah, can't understand this :)

[badtant]

Finaly got it working... Typo from my side.