xmj/element-call
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Switch to the React 18 createRoot API

Browse source
This commit is contained in:
Robin Townsend 2022-10-27 08:55:04 -04:00
parent 0d22ef2104
commit 14a1ff7fe4
1 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/main.tsx
View file

@ -20,8 +20,8 @@ limitations under the License.
// dependency references. // dependency references.
import "matrix-js-sdk/src/browser-index"; import "matrix-js-sdk/src/browser-index";
import React from "react"; import React, { StrictMode } from "react";
import ReactDOM from "react-dom"; import { createRoot } from "react-dom/client";
import { createBrowserHistory } from "history"; import { createBrowserHistory } from "history";
import * as Sentry from "@sentry/react"; import * as Sentry from "@sentry/react";
import { Integrations } from "@sentry/tracing"; import { Integrations } from "@sentry/tracing";
@ -39,6 +39,8 @@ initRageshake();
console.info(`matrix-video-chat ${import.meta.env.VITE_APP_VERSION || "dev"}`); console.info(`matrix-video-chat ${import.meta.env.VITE_APP_VERSION || "dev"}`);
const root = createRoot(document.getElementById("root")!);
let fatalError: Error | null = null; let fatalError: Error | null = null;
if (!window.isSecureContext) { if (!window.isSecureContext) {
@ -52,7 +54,7 @@ if (!window.isSecureContext) {
} }
if (fatalError !== null) { if (fatalError !== null) {
ReactDOM.render(<>fatalError.message</>, document.getElementById("root")); root.render(fatalError.message);
throw fatalError; // Stop the app early throw fatalError; // Stop the app early
} }
@ -147,9 +149,8 @@ i18n
}, },
}); });
ReactDOM.render( root.render(
<React.StrictMode> <StrictMode>
<App history={history} /> <App history={history} />
</React.StrictMode>, </StrictMode>
document.getElementById("root")
); );