3 files modified, 1 added, 2 deleted

Author: ambi-s

package.json

@@ -1,13 +1,14 @@
 {
-  "name": "stackblitz-starters-w7ey78",
+  "name": "expr",
   "version": "0.0.0",
   "private": true,
   "dependencies": {
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
     "@types/react": "18.2.21",
-    "@types/react-dom": "18.2.7"
+    "@types/react-dom": "18.2.7",
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   },
+  "type": "module",
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
@@ -17,4 +18,4 @@
   "devDependencies": {
     "react-scripts": "latest"
   }
-}
+}

src/App.tsx

@@ -0,0 +1,5 @@
+import React from "react";
+
+export default function App(): React.ReactElement {
+  return <h1>hi</h1>;
+}

src/Main.tsx

@@ -1,12 +1,9 @@
-import { StrictMode } from 'react';
-import { createRoot } from 'react-dom/client';
+import React from "react";
+import ReactDOM from "react-dom/client";
+import App from "@components/Main";
 
-import { App } from './App';
-
-const root = createRoot(document.getElementById('app'));
-
-root.render(
-  <StrictMode>
-    <App name="StackBlitz" />
-  </StrictMode>
+ReactDOM.createRoot(document.getElementById("#app")!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
 );

src/index.tsx

@@ -5,6 +5,9 @@
     "moduleResolution": "node",
     "target": "ES2022",
     "strict": true,
-    "baseUrl": "./src"
+    "baseUrl": "./src",
+    "paths": {
+      "@components/*": ["components/*"]
+    }
   }
 }