Deprecation notice: ReactDOM.render is no 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>
);

Watch this video for detail:

Comments

[Noralba Zafra]

Hello good afternoon, I am starting to work with React using a course with version 16, I would like to continue ulitizing this version, how can I create a project with this React build? (16)
Thanks

[Code With Arjun]

Everything the process is similar with the previous version.

just use npx create-react-app app-name