Compatibility with React 18?

Components are not compatible with React 18 as it can be seen in package-lock.json:

"peerDependencies": {
    "react": "^16.8.0 || 17.x",
    "react-dom": "^16.8.0 || 17.x"
}

Eslint throws warnings, but shows 0 vulnerabilities and I haven’t had any issue yet.

Is it safe to use Reach UI with React 18? When will you update the libraries? Thank you in advance!

[chaance]

I don’t support React 18 just yet. There are a number of things that won’t play well with concurrent rendering or the new StrictMode behavior. I’m going to start going through all of that this weekend and take stock of what all needs to be done to get there.

[chaance]

Please keep in mind that this is a free and open source project, free for you to use, fork, or abandon if it no longer works for you. It is maintained very sparingly at the moment, whenever I have the time. There are no updates at the moment, so do with that what you will.

The best way to move the needle on this issue is by helping me out with tasks noted above. If you don’t have the expertise to jump into the actual code, organizational work (breaking down tasks, managing progress, etc.) is also very helpful. This is a great opportunity to invest in a project you rely on, which is the only way [unfunded] open source work can be sustainable.

(Alternatively, I am available for limited contract work if you want to pay me 😄)

Here is a table of all packages I can use to keep track of what needs to be done. Because we don’t have as much test coverage as I’d like, new tests would be appreciated. We’ll still need manual testing (particularly around keyboard navigation in packages that rely on descendants as I’m not entirely confident in that package working smoothly in R18). These should all be tested against what’s on the dev branch, not the latest release.

Reach Package	React 16	React 17	React 18
Manually tested in Strict Mode	Tests Pass in Strict Mode	Manually tested in Strict Mode	Tests Pass in Strict Mode	Manually tested in Strict Mode	Tests Pass in Strict Mode
accordion
alert
alert-dialog
auto-id
checkbox
descendants
dialog
disclosure
dropdown
listbox
machine
menu-button
popover
portal
rect
skip-nav	✅	✅	✅	✅	✅	✅
slider
tabs
tooltip
utils
visually-hidden	✅	✅	✅	✅	✅	✅
window-size

For those who want to help with debugging and development

I suggest starting with the lower-level packages that all other packages depend on. Identifying and fixing issues in packages like utils, popover, portal and descendants will make life much easier on the packages intended for end-user consumption.