diff --git a/src/pages/Home/HomePage.jsx b/src/pages/Home/HomePage.jsx
deleted file mode 100644
index 1e2e3d9..0000000
--- a/src/pages/Home/HomePage.jsx
+++ /dev/null
@@ -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;
diff --git a/src/pages/Home/HomePage.tsx b/src/pages/Home/HomePage.tsx
new file mode 100644
index 0000000..a34d095
--- /dev/null
+++ b/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>
+}
diff --git a/src/router.js b/src/router.js
index 11c3bb8..418bf47 100644
--- a/src/router.js
+++ b/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";