Convert to Typescript

src/pages/Home/HomePage.jsx

@@ -1,15 +0,0 @@
-import styles from "./HomePage.module.css";
-import Calendar from "./components/Calendar/Calendar.jsx";
-import EventList from "./components/EventList/EventList";
-
-function HomePage() {
-
-    return (
-        <div className={styles.allContent}>
-            <Calendar />
-            <EventList />
-        </div>
-    );
-}
-
-export default HomePage;

src/pages/Home/HomePage.tsx

@@ -0,0 +1,12 @@
+import styles from "./HomePage.module.css";
+import Calendar from "./components/Calendar/Calendar";
+import EventList from "./components/EventList/EventList";
+import { ReactNode } from "react";
+
+export default function HomePage(): ReactNode {
+
+    return <div className={styles.allContent}>
+        <Calendar/>
+        <EventList/>
+    </div>
+}

src/router.js

@@ -1,6 +1,6 @@
 import { createBrowserRouter } from "react-router";
 import Layout from "./layout.jsx";
-import HomePage from "./pages/Home/HomePage";
+import HomePage from "./pages/Home/HomePage.tsx";
 import LoginPage from "./pages/Login/LoginPage";
 import RegisterPage from "./pages/Register/RegisterPage.jsx";
 import VolunteersPage from "./pages/Volunteers/VolunteersPage";