diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index 470e2c9..81dae41 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -1,3 +1,5 @@
+import React from "react";
+
 export default function HomePage() {
   return (
     <div className="mx-auto flex min-h-[--content-height] max-w-screen-xl flex-col justify-center gap-y-2.5 px-4 md:gap-y-8 md:px-6">
diff --git a/frontend/src/ui/layout/footer.tsx b/frontend/src/ui/layout/footer.tsx
index e30caac..7ed636f 100644
--- a/frontend/src/ui/layout/footer.tsx
+++ b/frontend/src/ui/layout/footer.tsx
@@ -3,9 +3,7 @@ import { faEnvelope } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import React from "react";
 
-type Props = {};
-
-export default function Footer({}: Props) {
+export default function Footer() {
   return (
     <div className="border-t border-gray-300">
       <div className="mx-auto flex max-w-screen-xl flex-col items-center justify-center gap-4 px-4 py-12 md:flex-row md:px-6">
diff --git a/frontend/src/ui/layout/navbar.tsx b/frontend/src/ui/layout/navbar.tsx
index 040610c..145b4aa 100644
--- a/frontend/src/ui/layout/navbar.tsx
+++ b/frontend/src/ui/layout/navbar.tsx
@@ -1,8 +1,6 @@
 import React from "react";
 
-type Props = {};
-
-export default function Navbar({}: Props) {
+export default function Navbar() {
   return (
     <div className="border-b border-gray-300">
       <div className="mx-auto flex h-[--tool-bar-height] max-w-screen-xl flex-row items-center justify-between px-4 md:px-6">