b-zurg/react-collapse-pane

StrictMode check about

Opened this issue · 3 comments

I got this when using react-collapse-pane in React.StrictMode

Warning: 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. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-find-node
div
O@http://localhost:3000/static/js/vendors~main.chunk.js:404904:6
Transition@http://localhost:3000/static/js/vendors~main.chunk.js:398277:30
Fade@http://localhost:3000/static/js/vendors~main.chunk.js:334257:18
div
Resizer@http://localhost:3000/static/js/vendors~main.chunk.js:323839:20
div
O@http://localhost:3000/static/js/vendors~main.chunk.js:404904:6
SplitPane@http://localhost:3000/static/js/vendors~main.chunk.js:324631:41

Same...

Warning: 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. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-find-node
div
O@webpack-internal:///./node_modules/styled-components/dist/styled-components.browser.esm.js:31:19797
Transition@webpack-internal:///./node_modules/react-transition-group/esm/Transition.js:131:30
Fade@webpack-internal:///./node_modules/@material-ui/core/esm/Fade/Fade.js:42:18
div
Resizer@webpack-internal:///./node_modules/react-collapse-pane/dist/react-collapse-pane.esm.js:362:20
div
O@webpack-internal:///./node_modules/styled-components/dist/styled-components.browser.esm.js:31:19797
SplitPane@webpack-internal:///./node_modules/react-collapse-pane/dist/react-collapse-pane.esm.js:1147:41

Any or workaround progress on this?

allotment is a good alternative that works with React 17.

https://github.com/johnwalley/allotment