diff --git a/client/components/login/LoginModal.tsx b/client/components/login/LoginModal.tsx
index 3990b5e..b14f891 100644
--- a/client/components/login/LoginModal.tsx
+++ b/client/components/login/LoginModal.tsx
@@ -8,11 +8,15 @@ import SignupForm from "./SignupForm"
 
 export interface LoginModelProps {
   isOpen: boolean
-  onClose: () => any
+  onClose?: () => any
   defaultPage?: number
 }
 
-const LoginModal: FC<LoginModelProps> = ({ defaultPage, isOpen, onClose }) => {
+const LoginModal: FC<LoginModelProps> = ({
+  defaultPage,
+  isOpen,
+  onClose = (b: boolean) => {},
+}) => {
   return (
     <Dialog open={isOpen} onClose={onClose} className="relative z-50">
       <div className="bg-black/80 fixed inset-0 flex items-center justify-center">
diff --git a/client/pages/login.tsx b/client/pages/login.tsx
index f08417e..18a7895 100644
--- a/client/pages/login.tsx
+++ b/client/pages/login.tsx
@@ -5,7 +5,7 @@ import LoginModal from "../components/login/LoginModal"
 const LoginPage: NextPage = () => {
   return (
     <div className="bg-neutral-900 w-screen h-screen">
-      <LoginModal isOpen={true} defaultPage={0} onClose={() => {}} />
+      <LoginModal isOpen={true} defaultPage={0} />
     </div>
   )
 }
diff --git a/client/pages/signup.tsx b/client/pages/signup.tsx
index 91bfcec..a98c85d 100644
--- a/client/pages/signup.tsx
+++ b/client/pages/signup.tsx
@@ -4,7 +4,7 @@ import LoginModal from "../components/login/LoginModal"
 const SignupPage: NextPage = () => {
   return (
     <div className="bg-neutral-900 w-screen h-screen">
-      <LoginModal isOpen={true} defaultPage={1} onClose={() => {}} />
+      <LoginModal isOpen={true} defaultPage={1} />
     </div>
   )
 }