From 529e2a4dfd9941c295cab2a99dd24b9a21d1db76 Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Tue, 13 Aug 2024 09:31:01 +0500
Subject: [PATCH] clipper(web): move to react 18

---
 extensions/web-clipper/src/index.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/extensions/web-clipper/src/index.tsx b/extensions/web-clipper/src/index.tsx
index 306796ab9..5b0d6b2a9 100644
--- a/extensions/web-clipper/src/index.tsx
+++ b/extensions/web-clipper/src/index.tsx
@@ -23,19 +23,17 @@ import "../assets/64x64.png";
 import "../assets/128x128.png";
 import "../assets/256x256.png";
 import React from "react";
-import ReactDOM from "react-dom";
+import { createRoot } from "react-dom/client";
 import { App } from "./app";
 import "./index.css";
 
 declare let module: NodeModule & {
   hot?: { accept: () => void };
 };
-
-ReactDOM.render(
+const root = createRoot(document.getElementById("root")!);
+root.render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>,
-  document.getElementById("root")
+  </React.StrictMode>
 );
-
 if (module.hot) module.hot.accept();