export home default + allowjs

Author: si-mooon

src/pages/home/Home.tsx

@@ -3,7 +3,7 @@ import {useState, useEffect, useRef} from "react";
 import LevelComponent from "../../components/LevelComponent";
 import { main } from "./solarsystem.js";
 
-function Home() {
+export default function Home() {
 
     const canvasRef = useRef<HTMLCanvasElement | null>(null);
 
@@ -33,11 +33,13 @@ function Home() {
                 onClose={() => setIsVisible(false)}
                 />
             )}
+
             <header>
                 <div className={styles["header-brand"]}>
-                    <h1>Glorpython</h1>
+                    <h1>glorpython</h1>
                 </div>
             </header>
+
             <canvas ref={canvasRef} className={styles.solarsystem}></canvas>
         </div>
     );

tsconfig.app.json

@@ -6,6 +6,7 @@
     "module": "esnext",
     "types": ["vite/client"],
     "skipLibCheck": true,
+    "allowJs": true,
 
     /* Bundler mode */
     "moduleResolution": "bundler",