[Question] How to use withViewport with withRouter ?

[rockmandash]

Hello, thank you for this amazing library. I have a component like this

export default withViewport(MyComponent, 'visible', {
  threshold: 0.25
});

Normaly with HOCs I will do this

export default compose(withViewport, withRouter)(MyComponent)

But I have threshold parameters! How do I pass in? Thank you!

[streamich]

You can wrap the withViewport HOC into your custom one.

const withMyViewport = (Comp) => withViewport(Comp, 'visible', {threshold: 0.25});

And then use your new HOC.

export default compose(withMyViewport, withRouter)(MyComponent)

Hope that woks.

[rockmandash]

@streamich for your reply!