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

by

In your file index.js, change to:

import React from "react";
import ReactDOM from "react-dom/client";
import "./index.css";
import App from "./App";
import reportWebVitals from "./reportWebVitals";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

reportWebVitals();

More Related Contents:

  1. What do multiple arrow functions mean in JavaScript?
  2. Nested routes with react router v4 / v5
  3. ReactJS call parent method
  4. Await is a reserved word error inside async function
  5. React Native: require() with Dynamic String?
  6. Import JSON file in React
  7. React react-router-dom pass props to component
  8. How to get the value of an input field using ReactJS?
  9. What’s the difference between `useRef` and `createRef`?
  10. Removing element from array in component state
  11. Binding vs Arrow-function (in JavaScript, or for react onClick)
  12. How to allow CORS in react.js?
  13. How To Solve The React Hook Closure Issue?
  14. body data not sent in axios request
  15. redux fetch body is not use with no cors mode
  16. css position absolute making the textbox go down
  17. How is this type annotation working in React code without TypeScript?
  18. Can’t resolve module (not found) in React.js
  19. React-router v4 – cannot GET *url*
  20. Get image preview before uploading in React
  21. How to programmatically clear/reset React-Select?
  22. Fetch image from API
  23. ReactJs: Prevent multiple times button press
  24. How to restrict access to routes in react-router?
  25. How to detect a React component vs. a React element?
  26. React – How to open PDF file as a href target blank
  27. How to check for broken images in React JS
  28. Why is it necessary to use bind when working with ES6 and ReactJS?
  29. TypeError dispatcher.useState is not a function when using React Hooks
  30. How to Access styles from React?

Leave a Comment