findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode. Instead, add a ref directly to the element you want to reference. #904

Activity

1. arudenkoofficial commented on May 20, 2024

   

   arudenkoofficial

   on May 20, 2024

   More actions

   @youjia727 Seems that you didn't pass nodeRef prop, referencing DOM element needs to transition. Check it out on the documentation –nodeRef

   👍React with 👍4Reacted by Ryan DeBeasi, Sumit Kumar Soni, Alex Disler and Terri Hounsom
2. pzm666 commented on Jun 19, 2024

   

   pzm666

   on Jun 19, 2024

   More actions

   According to the React documentation, findDOMNode is about to be deprecated and removed, and needs to be replaced with a ref to read the component's own DOM node
3. sscaff1 commented on Jun 28, 2024

   

   sscaff1

   on Jun 28, 2024

   More actions

   Is there a PR up for this yet? It seems react-transition-group doesn't work with v19 beta.
4. turnflowerdown commented on Jul 2, 2024

   

   turnflowerdown

   on Jul 2, 2024

   Last edited by turnflowerdown

   More actions

   you can use nodeRef prop
   

   👍React with 👍1Reacted by Alex
5. wp993080086 commented on Dec 30, 2024

   

   wp993080086

   on Dec 30, 2024

   More actions

   v4.4.0中已修复：

   import React from "react"
   import { CSSTransition } from "react-transition-group"
   
   const MyComponent = () => {
     const nodeRef = React.useRef(null)
     return (
       <CSSTransition nodeRef={nodeRef} in timeout={200} classNames="fade">
         <div ref={nodeRef}>Fade</div>
       </CSSTransition>
     )
   }