React js Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API

This content originally appeared on DEV Community and was authored by Osman Forhad

Recently i have been working in a React js project its show me an warning in my Browser Console which is like below screen shot:

don't worry i will Show you How to Solve this type of warning.
When react js warning ReactDOM.render is no longer supported in React 18
is happen then my index.js file is look like bellow screenshot:

to solve the ReactDOM.render is no longer supported in React 18 Warning i just change my index.js file. after changed index.js file now my index.js is look like below Screen shot:

That's it now the warning is gone. so finally Browser console is look like:

Thank you
Happy Coding
.
osman forhad
Full-Stack Developer💻 (Mobile App & Web App)
developer.osmanforhad@gmail.com

This content originally appeared on DEV Community and was authored by Osman Forhad

Print Share Comment Cite Upload Translate Updates

APA

Osman Forhad | Sciencx (2022-03-30T19:38:41+00:00) React js Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API. Retrieved from https://www.scien.cx/2022/03/30/react-js-warning-reactdom-render-is-no-longer-supported-in-react-18-use-createroot-instead-until-you-switch-to-the-new-api/

MLA

" » React js Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API." Osman Forhad | Sciencx - Wednesday March 30, 2022, https://www.scien.cx/2022/03/30/react-js-warning-reactdom-render-is-no-longer-supported-in-react-18-use-createroot-instead-until-you-switch-to-the-new-api/

HARVARD

Osman Forhad | Sciencx Wednesday March 30, 2022 » React js Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API., viewed ,<https://www.scien.cx/2022/03/30/react-js-warning-reactdom-render-is-no-longer-supported-in-react-18-use-createroot-instead-until-you-switch-to-the-new-api/>

VANCOUVER

Osman Forhad | Sciencx - » React js Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/03/30/react-js-warning-reactdom-render-is-no-longer-supported-in-react-18-use-createroot-instead-until-you-switch-to-the-new-api/

CHICAGO

" » React js Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API." Osman Forhad | Sciencx - Accessed . https://www.scien.cx/2022/03/30/react-js-warning-reactdom-render-is-no-longer-supported-in-react-18-use-createroot-instead-until-you-switch-to-the-new-api/

IEEE

" » React js Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API." Osman Forhad | Sciencx [Online]. Available: https://www.scien.cx/2022/03/30/react-js-warning-reactdom-render-is-no-longer-supported-in-react-18-use-createroot-instead-until-you-switch-to-the-new-api/. [Accessed: ]

rf:citation

» React js Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API | Osman Forhad | Sciencx | https://www.scien.cx/2022/03/30/react-js-warning-reactdom-render-is-no-longer-supported-in-react-18-use-createroot-instead-until-you-switch-to-the-new-api/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.