Repository navigation
React 19 Incompatibility — findDOMNode crash on Expand Column #1818
Description
React 19 Incompatibility — findDOMNode crash on Expand Column
Package:
react-bootstrap-table-next v4.0.3
(and related: react-bootstrap-table2-overlay, react-bootstrap-table2-paginator)
Environment:
React: 19.1.0
Browser: Any (Chrome/Edge/etc.)
Framework: React
❌ Current Behavior
Using the expandRow prop to enable expandable rows causes a runtime crash in React 19.
When using this library with React 19, it throws the following runtime error and breaks the app:
Error handled by React Router default ErrorBoundary:
TypeError: react_dom__WEBPACK_IMPORTED_MODULE_3__.findDOMNode is not a function
at Transition.performEnter (Transition.js:254:1)
Additionally, the console shows:
Warning: Transition uses the legacy childContextTypes API which was removed in React 19.
Use React.createContext() instead. https://react.dev/link/legacy-context
This project is still widely used and relied upon for Bootstrap-based data tables. A compatibility update or clear deprecation notice would help the community a lot.
Thank you for maintaining this library!
Metadata
Metadata
Assignees
Labels
No labels
Activity
joshlathery commentedon Oct 27, 2025
Hi, any updates or workarounds for this? Currently trying to get this working in my project use React 19.1.
jeff-k-zhou commentedon Apr 21, 2026
I have forked react-bootstrap-table2 and created react-bootstrap-table-ng. It supports react 18 and 19, also support bootstrap 5.x.
Feel free to give a try and let me know any issues here, https://github.com/jeff-k-zhou/react-bootstrap-table-ng/issues.
infinitybuddha29 commentedon Oct 7, 2026
the expandRow crash comes from the expand animation, it uses CSSTransition from react-transition-group without nodeRef and that calls findDOMNode internally
if you don't want to move to a fork yet, I wrote a plugin that adds findDOMNode back at build time: https://github.com/infinitybuddha29/react-legacy-compat
checked it with react-bootstrap-table-next 4.0.3 + expandRow on react 19.3 / next 16 (turbopack and webpack builds), rows expand normally. vite and plain webpack work too, setup is one line, examples in the readme