findDOMNode is deprecated in StrictMode

[pmoieni]

I'm getting this error:

findDOMNode is deprecated in StrictMode

animation is working well. here is my code:

<CSSTransition in={ showDeleteModal } classNames="delete-modal" timeout={ 300 } unmountOnExit>
<DeleteModal product={ deleteProduct } deleteFunc={ removeProduct } closeFunc={ closeDeleteModal }/>

I also tried this solution mentioned on #668 suggested by @pixel-fixer

<CSSTransition nodeRef={nodeRef} in={ showDeleteModal } classNames="delete-modal" timeout={ 300 } unmountOnExit>
    <div ref={nodeRef}>
        <DeleteModal product={ deleteProduct } deleteFunc={ removeProduct } closeFunc={ closeDeleteModal } />
    </div>
</CSSTransition>

It removes the error but also disables animation.

Is there any solution available?

[aryaadinulfadlan]

i also get the same problem. how do you enable animation again? help me please.

[rajmcablr]

Seems, the issues persists with SPX 1.14 with Node 14.18.1. we are facing the same issue react-transition-group also.
Animation has not supported when we tag it story book component.

[aryaadinulfadlan]

so what should i do to run animation again? without warning about findDOMNode is deprecated.

[pmoieni]

so what should i do to run animation again? without warning about findDOMNode is deprecated.

You can wrap your component inside a div and add the ref to the div instead of the component itself.