From 8cb16fff6cf69ee75635de9199930fda853c9ddd Mon Sep 17 00:00:00 2001
From: EnixCoda <enixcoda@gmail.com>
Date: Tue, 24 May 2022 22:32:25 +0800
Subject: [PATCH] chore: render in the react 18 way

---
 src/content.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/content.tsx b/src/content.tsx
index ebf54ca..f4200f9 100644
--- a/src/content.tsx
+++ b/src/content.tsx
@@ -1,7 +1,7 @@
 import { Gitako } from 'components/Gitako'
 import { platform } from 'platforms'
 import * as React from 'react'
-import * as ReactDOM from 'react-dom'
+import { createRoot } from 'react-dom/client'
 import './content.scss'
 
 if (platform.resolvePartialMetaData()) {
@@ -16,7 +16,7 @@ async function init() {
   await injectStyles(browser.runtime.getURL('content.css'))
   const SideBarElement = document.createElement('div')
   document.body.appendChild(SideBarElement)
-  ReactDOM.render(<Gitako />, SideBarElement)
+  createRoot(SideBarElement).render(<Gitako />)
 }
 
 // injects a copy of stylesheets so that other extensions(e.g. dark reader) could read