Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[internal] Checklist of new opportunities with React 18 release

See original GitHub issue

Tracking issue for work we should do once React 18 is released as stable

Update peerDependencies https://github.com/mui/material-ui/pull/32063
Update NextJs (required to use React 18 in the codebase) https://github.com/mui/material-ui/pull/33196
Update devDependencies (keep special cases in test for React 17 so that we can run the test suite with both versions) https://github.com/mui/material-ui/pull/33196
Add note to docs about improved behavior of useMediaQuery with React 18 installed (https://github.com/mui-org/material-ui/pull/28491)
Add note to docs about improved behavior of useId and therefore various id attributes (https://github.com/mui-org/material-ui/pull/26489, https://github.com/mui-org/material-ui/pull/29782)
Add guide for React 18 Probably only streaming rendering needs attention (https://github.com/reactwg/react-18/discussions/113#discussioncomment-1672153)

Issue Analytics

State:
Created 2 years ago
Reactions:25
Comments:11 (5 by maintainers)

Top GitHub Comments

6reactions

ncesarcommented, May 5, 2022

are we going to get mui4 support on 18 as well?

3reactions

mnajdovacommented, Oct 13, 2022

Could we update peerDependency in @mui/styles to React 18? Or is there still something that holds us back?

@mui/styles is not compatible with concurrent mode and react 18, this is why it isn’t added in the peer dependencies. The other packages already have React 18 in their peer dependencies.

It is stated in its documentation - https://mui.com/system/styles/basics/

Top Results From Across the Web

Exploit React 18 Milestone - GitHub

[internal] Checklist of new opportunities with React 18 release umbrella Group multiple issues to provide a holistic view. #29844 opened on Nov 23, ......

The Plan for React 18 – React Blog

When it's released, React 18 will include out-of-the-box improvements (like automatic batching), new APIs (like startTransition ), and a new ...

Exploring React 18's three new APIs - LogRocket Blog

With the release of React 18 on the horizon, familiarize yourself with three new APIs that should help make concurrent rendering a reality....

React 18 Fundamentals Crash Course 2022 - YouTube

Courses - https://learn.codevolution.dev/ Support UPI - https://support.codevolution.dev/ Support Paypal ...

Meet the new hook useSyncExternalStore, introduced in ...

To fix these issues, React 18 provides a new hook, useSyncExternalStore. ... Internal stores include props, context, useState, useReducer.