Deprecation notice: ReactDOM.render is no longer supported in React 18

ReactDom.rener is not longer supported in React 18

React 18 shipped yesterday (March 29th). ReactDOM.render has been deprecated in React18 and currently issues a warning and runs in a compatible mode.

click here to see details.

To resolve you can either revert to a previous version of React or update your index.js file to align with the React 18 syntax.

index.js

import { StrictMode } from "react";
import { createRoot } from "react-dom/client";

import App from "./App";

const rootElement = document.getElementById("root");
const root = createRoot(rootElement);

root.render(
<StrictMode>
<App />
</StrictMode>
);

For more detailed explation watch this video.

➡️ Support me

PayPal : https://paypal.me/codewitharjun

Patreon : https://www.patreon.com/codewitharjun

--

--

--

Learn Code with Fun.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

BudgetChart: A simple way to display your expenses (React, Next.js, Vercel, Airtable)

React Native Tutorial: Build Your First React Native App

Implementing WebSocket With Go and React

Image of city with title of article on it.

Notes about NPM X NPX

Short Intro to Angular (for very early beginners)

How to use Components in your Angular Application

These Are the 10 Questions I Use for Code Reviews in React

People at a laptop

JavaScript IIFE

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Code With Arjun

Code With Arjun

Learn Code with Fun.

More from Medium

How risky is respect, in combating racism and rage in building power?

Are You Interested In Tending Node JS ?

React- A Basic Introduction.

H3D-Net reproducibility blog