question-mark
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.

React 18 createRoot supports

See original GitHub issue

Feature looking for React 18 createRoot in storybook

https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html#updates-to-client-rendering-apis

I’m getting warning as follow,

image image

Currently I’m using following version,

"@storybook/addon-a11y": "6.4.22",
"@storybook/addon-actions": "6.4.22",
 "@storybook/addon-jest": "6.4.22",
"@storybook/addon-viewport": "6.4.22",
"@storybook/builder-webpack5": "6.4.22",
"@storybook/manager-webpack5": "6.4.22",
 "@storybook/react": "6.4.22",
 

Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:5
  • Comments:17 (3 by maintainers)

github_iconTop GitHub Comments

6reactions
latatacommented, Jun 29, 2022

It looks like in the latest version of storybook (6.5.9) still uses old ReactDOM.render method instead of createRoot. Are there plans to change it?

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to Upgrade to React 18
ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as...
Read more >
React 18 introduces new root API ( ReactDOM.createRoot )
React 18 adds the new root API that comes up with the new out-of-the-box improvements.
Read more >
ReactDOM.render is no longer supported in React 18 - Stack ...
ReactDOM.render has been deprecated in React 18 and currently issues ... import { createRoot } from 'react-dom/client' createRoot(document.
Read more >
Understanding React 18 root API: ReactDOM.createRoot
The introduction of the new root API, ReactDOM.createRoot , is one of the most significant improvements in React 18.
Read more >
ReactDOM.render is no longer supported in React 18
The createRoot() method takes the root element as a parameter and creates a React root. Happy Coding! Rate this: Share this: Facebook ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found