Skip to content
Snippets Groups Projects
Commit a0110cd1cb0d authored by Frank Bessou's avatar Frank Bessou :spider_web:
Browse files

fix: use new react-dom api to create the app root

The `render` function of react-dom is deprecated as of react 18.
See https://github.com/facebook/react/blob/main/CHANGELOG.md#1800-march-29-2022
parent 992236a51e3a
No related branches found
No related tags found
1 merge request!1Many little improvements
import React from "react";
import { render as renderApp } from "react-dom";
import { createRoot } from "react-dom/client";
import { BrowserRouter, Routes, Route } from "react-router-dom";
import { Client } from "@cubicweb/client";
......@@ -11,7 +11,10 @@
const client = new Client(`${cwserver}/api`);
const contextValue = { client, cwserver };
renderApp(
const rootElement: HTMLElement = document.getElementById("root")!;
const appRoot = createRoot(rootElement);
appRoot.render(
<React.StrictMode>
<CWClientContext.Provider value={contextValue}>
<BrowserRouter>
......@@ -20,6 +23,5 @@
</Routes>
</BrowserRouter>
</CWClientContext.Provider>
</React.StrictMode>,
document.getElementById("root")
</React.StrictMode>
);
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment