What’s New

react-transition-group

Frameworks & Libraries

A react component toolset for managing animations

Latest v4.4.5 · by reactjsWebsitereactjs/react-transition-group

Changelog

v4.4.5

Fixed 1
  • apply entering animation synchronously when unmountOnExit or mountOnEnter is enabled
4.4.5 (2022-08-01)
Bug Fixes
  • apply entering animation synchronously when unmountOnExit or mountOnEnter is enabled (#847) (1043549)
View originalPermalink

v4.4.3

Fixed 1
  • Enter animations with mountOnEnter or unmountOnExit
4.4.3 (2022-07-30)
Bug Fixes
  • enter animations with mountOnEnter or unmountOnExit (#749) (51bdceb)
View originalPermalink

v4.4.0

Added 1
  • Add `nodeRef` prop to `Transition` and `CSSTransition` as an alternative to internal `findDOMNode`
Fixed 1
  • Set the values of constants attached to `Transition` to match the exported ones

4.4.0 (2020-05-05)

Features
  • add nodeRef alternative instead of internal findDOMNode (#559) (85016bf)

    • react-transition-group internally uses findDOMNode, which is deprecated and produces warnings in Strict Mode, so now you can optionally pass nodeRef to Transition and CSSTransition, it's a ref object that should point to the transitioning child:

      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>
  )
}
Bug Fixes
  • set the values of constants attached to Transition to match the exported ones (#554)
View originalPermalink

v4.2.1

Fixed 1
  • Updated SwitchTransition component to be default export and exported from index.js
4.2.1 (2019-07-02)
Bug Fixes
  • updated SwitchTransition component to be default export and exported from index.js (#516) (cfd0070)
View originalPermalink