React 18 (in StrictMode): Uncaught TypeError: Cannot read properties of null (reading 'animating')

[josephmarkus]

react-animate-height blows up in React 18. The library is used for an accordion component that animates on state toggle.

Code example
https://codesandbox.io/s/lingering-wood-tjnu2k?file=/src/App.js

Expected behavior

Clicking 'Open' should expand the component that is wrapped with <AnimateHeight />. Instead, it blows up

Possible Solution

🤷‍♂️ 😅

Steps to Reproduce (for bugs)

1. Go to https://codesandbox.io/s/lingering-wood-tjnu2k?file=/src/App.js
2. Click 'Open'
3. Observe the error

Screenshots

Your Environment

• Version used: 2.0.23
• OS: MacOS
• Browser: Chrome
• Version: 100.0.4896.75

Additional context

n/a

[Stanko]

Hello, thanks for letting me know. It seems it blows up when StrictMode is enabled. I'll look into it.
Cheers!

[Stanko]

Fixed in 2.1.0 🎉

Example:
https://codesandbox.io/s/ecstatic-leaf-x652u4

[josephmarkus]

Amazing! Thank you!