Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

React 18: Upgrade to client rendering apis warning message. #78773

Closed
kozer opened this issue Jun 29, 2023 · 4 comments
Closed

React 18: Upgrade to client rendering apis warning message. #78773

kozer opened this issue Jun 29, 2023 · 4 comments
Assignees
Labels
[Pri] Normal Schedule for the next available opportuinity. [Type] Bug When a feature is broken and / or not performing as intended

Comments

@kozer
Copy link
Contributor

kozer commented Jun 29, 2023

Quick summary

We updated to React 18, and from this version, the rendering method has changed.

More info can be found here.

Visiting almost every page shows the following warning

Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch

Steps to reproduce

  1. Visit /sites as an example. But this has effect to other pages as well (eg /home)
  2. Open the developer console.
  3. Make sure that you see the warning mentioned above

What you expected to happen

This warning no longer appearing

What actually happened

The warning appears

Impact

All

Available workarounds?

Yes, not easy to implement

Platform (Simple and/or Atomic)

No response

Logs or notes

No response

@kozer kozer added the [Type] Bug When a feature is broken and / or not performing as intended label Jun 29, 2023
@github-actions github-actions bot added the [Pri] TBD Review and assign an appropriate [Pri] label as soon as possible. label Jun 29, 2023
@kozer kozer self-assigned this Jun 29, 2023
@cuemarie cuemarie added [Pri] Normal Schedule for the next available opportuinity. and removed [Pri] TBD Review and assign an appropriate [Pri] label as soon as possible. labels Jun 29, 2023
@danielbachhuber
Copy link
Contributor

cc @noahtallen @tyxla

@tyxla
Copy link
Member

tyxla commented Jun 30, 2023

This warning is expected. If you take a look at @noahtallen's description in the PR that upgraded dependencies to React 18, we're intentionally not enabling concurrent mode:

Note: this does not yet enable the new rendering mode -- that will likely be a follow-up due to the size of this PR!

We're still aiming to try it out, and it is one of the next steps, but it will be a separate effort with its own extended testing round. For the time being, we're going with the old rendering mode, and the notice is expected in dev mode. I've announced that with some additional context in p4TIVU-aFJ-p2 for posterity.

Going to close that one in the meantime - let me know if you have any other concerns!

@kozer
Copy link
Contributor Author

kozer commented Jun 30, 2023

@tyxla , just FYI, I have already created a pr that has the appropriate changes for that to work. It's here.

In case we want to enable this, this pr will be a good start (I guess only tests needs to be updated, as from a quick navigation and testing several features, everything seems to work just fine )

cc: @danielbachhuber , @noahtallen

@tyxla
Copy link
Member

tyxla commented Jun 30, 2023

Thanks for that work @kozer, we appreciate it!

@noahtallen let's use that PR when exploring if there are any other changes we need to do other than tests.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Pri] Normal Schedule for the next available opportuinity. [Type] Bug When a feature is broken and / or not performing as intended
Projects
None yet
Development

No branches or pull requests

4 participants