Support for React 19

[michaelhays]

I upgraded react and react-dom to version 19.0.0, and I'm no longer able to import from box-ui-elements, due to this error:

• findDOMNode has been removed from React
  • [React 19] Removal of ReactDOM.findDOMNode facebook/react#28926

I'm finding some other errors testing with Next.js 15, but I'm not sure if these are strictly React 19 related.

• The export default was not found in module [project]/node_modules/tabbable/dist/index.esm.js
  • Fixed by changing import tabbable from 'tabbable' to import { tabbable } from 'tabbable'
• /node_modules/box-ui-elements/es/components/toggle/Toggle.scss.css:33:9 Parsing css source code failed
  • Maybe caused by trying to parse SCSS as CSS?

[michaelhays]

Just a heads up, Next.js 15 was just released as stable, and requires React 19 for the app router.

[michaelhays]

React 19 stable just dropped! https://react.dev/blog/2024/12/05/react-19

@greg-in-a-box Are there any plans to prioritize adding support here? Our team may be able to contribute, if helpful.

[michaelhays]

FYI, if you're on React 19, you won't be able to use this library as installed from npm right now. Instead, you can use the manual installation: https://developer.box.com/guides/embed/ui-elements/installation/#manual-installation

You'll need to install the "with React" version, since that comes bundled with a version of React that works with this library.