[Joy UI] Support for React 19 / Next 15

[jackfrosty908]

Problem

Trying to use Joy-UI with next 15 and react 19 causes errors to be thrown.

Are there plans for Joy-UI to support react 19.

Apologies if there is already a ticket for this, I couldn't find it.

Steps to reproduce

Steps:

1. Open this link to live example: CodeSandbox
2. Run the application (pnpm dev in the console if not already running)
3. Observe the next error bubble in the bottom left hand corner
4. Click the red bubble
5. Observe error message

Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.

Current behavior

An error is thrown for certain components

Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.

Expected behavior

Joy-UI should support react 19

Context

Trying to use Joy-UI with the newly release Next.js 15

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used: 
  Any browser
 
 
    OS: Linux 6.1 Debian GNU/Linux 12 (bookworm) 12 (bookworm)
  Binaries:
    Node: 20.9.0 - /usr/local/bin/node
    npm: 9.8.1 - /usr/local/bin/npm
    pnpm: 8.10.2 - /usr/local/share/npm-global/bin/pnpm
  Browsers:
    Chrome: Not Found
  npmPackages:
    @emotion/react: ^11.13.5 => 11.13.5 
    @emotion/styled: ^11.13.5 => 11.13.5 
    @mui/joy: 5.0.0-beta.48 => 5.0.0-beta.48 
    @types/react: ^18 => 18.2.48 
    react: ^18 => 18.2.0 
    react-dom: ^18 => 18.2.0 
    typescript: ^5 => 5.3.3 

Search keywords: react-19, next.js, next-15, react19

[mj12albert]

@jackfrosty908 See #44242

[DiegoAndai]

Working on it: #44720

[DiegoAndai]

Just released @mui/joy@5.0.0-beta.51 which should solve this issue. Please feel free to reopen or open a new issue if found.

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

@jackfrosty908 How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.