3 files changed, 5 insertions, 6 deletions

diff --git a/src/components/Content/Content.tsx b/src/components/Content/Content.tsx
index 19736fb..312a1e5 100644
--- a/src/components/Content/Content.tsx
+++ b/src/components/Content/Content.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Dispatch, SetStateAction, useContext, useMemo } from "react";
 import { Headers, RequestPayload, ResponsePayload } from "~hooks/useRequests";
-import ReactJson from "react-json-view";
+import ReactJson from "@microlink/react-json-view";
 import styles from "~/components/Content/Content.module.scss";
 import { Button, Col, Container, Row } from "react-bootstrap";
 import { SettingsContext } from "~/contexts/Settings";
diff --git a/src/components/Frames/Frames.tsx b/src/components/Frames/Frames.tsx
index 1d31d92..6779a3c 100644
--- a/src/components/Frames/Frames.tsx
+++ b/src/components/Frames/Frames.tsx
@@ -4,7 +4,7 @@ import { Col, ListGroup, Row } from "react-bootstrap";
 import classNames from "classnames";
 import styles from "./Frames.module.scss";
 import dayjs from "dayjs";
-import ReactJson from "react-json-view";
+import ReactJson from "@microlink/react-json-view";
 import { SettingsContext } from "~/contexts/Settings";
 
 function isJson(data: any): boolean {
diff --git a/src/index.tsx b/src/index.tsx
index c1a4211..d239501 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as ReactDOM from "react-dom";
+import { createRoot } from "react-dom/client";
 import App from "~/components/App/App";
 
 import "~/index.scss";
@@ -10,11 +10,10 @@ import localizedFormat from "dayjs/plugin/localizedFormat";
 import ConnectionProvider from "~/contexts/Connection";
 dayjs.extend(localizedFormat);
 
-ReactDOM.render(
+createRoot(document.getElementById("root")).render(
   <SettingsProvider>
     <ConnectionProvider>
       <App />
     </ConnectionProvider>
-  </SettingsProvider>,
-  document.getElementById("root")
+  </SettingsProvider>
 );