From 6964a1b468cfba8345ef2658e5f8bfbd7054de5d Mon Sep 17 00:00:00 2001
From: Wickramaranga Abeygunawardhana <umstek@live.com>
Date: Sat, 29 Oct 2022 09:35:36 +0530
Subject: [PATCH] fix(syntax): :wrench: upgrade syntax

---
 .postcssrc  | 6 +++---
 src/main.ts | 9 ++++++---
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/.postcssrc b/.postcssrc
index 5b7f7e5..13b39b6 100644
--- a/.postcssrc
+++ b/.postcssrc
@@ -1,7 +1,7 @@
 {
   "plugins": {
-    "postcss-import": true,
-    "tailwindcss": true,
-    "postcss-nested": true
+    "postcss-import": {},
+    "tailwindcss/nesting": {},
+    "tailwindcss": {}
   }
 }
diff --git a/src/main.ts b/src/main.ts
index fa739e4..adcbbd6 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,8 @@
-import * as React from "react";
-import * as ReactDOM from "react-dom";
+import React from "react";
+import ReactDOM from "react-dom/client";
+
 import { App } from "./views/App";
 
-ReactDOM.render(React.createElement(App), document.getElementById("app"));
+ReactDOM.createRoot(document.getElementById("app")!).render(
+  React.createElement(App)
+);