chipit24 / fade-props Goto Github PK

I have some code like this:

const children = loaded ? <Buttons key="buttons" /> : <Loader key="loader" />;
<FadeProps animationLength={500} children={children} />

When it switches from loaded=true to loaded=false then back to loaded=true too quickly (less than the animation time, roughly) the content fades out, but nothing fades in.

In this recording below when I click "Lets Go" it sets loaded=false which fades out the button and when the error "Name already taken" appears it sets loaded=true (before the button has finished fading out) but the button never fades back in (nor does the loader ever show up):

I need the buttons to either fade back in after they fade out, or (preferably) interrupt the fade out and fade back to 100% opacity.

For reference, if the change happens with enough time for the fades to complete it looks like this:

Right now the package has hard dependency on specific version of React, meaning it fetches it's own copy, causing compatibility issues. Please consider adding version ranges instead.