Merge pull request #120 from DDD-Community/feat/#118

feat: 빌드 실패 이슈 해결

Author: G-hoon

src/components/Modal/ToWithdrawModal.tsx

@@ -22,7 +22,10 @@ const ToWithdrawModal = (props: ModalProps): React.ReactElement => {
         <div className="flex gap-4">
           <button
             className="w-[256px] rounded-[40px] bg-zinc-100 px-10 py-3 text-base font-semibold text-zinc-500"
-            onClick={onSubmit}
+            onClick={(e) => {
+              e.preventDefault()
+              onSubmit?.()
+            }}
           >
             탈퇴하러 가기
           </button>

src/components/Modal/WithdrawCrewModal.tsx

@@ -20,7 +20,10 @@ const WithdrawCrewModal = (props: ModalProps): React.ReactElement => {
         <div className="flex gap-4">
           <button
             className="w-[256px] rounded-[40px] bg-zinc-100 px-10 py-3 text-base font-semibold text-zinc-500"
-            onClick={onSubmit}
+            onClick={(e) => {
+              e.preventDefault()
+              onSubmit?.()
+            }}
           >
             네, 탈퇴할게요
           </button>

src/contexts/ModalsContext.ts

@@ -3,7 +3,7 @@ import { ComponentType, createContext } from "react"
 export type ModalProps = {
   id?: number
   onClose?: () => void
-  onSubmit?: (value?: string) => void
+  onSubmit?: (() => void) | ((value?: string) => void)
 }
 
 export type ModalComponent = ComponentType<any>

src/hooks/useMyGroup.ts

@@ -6,7 +6,7 @@ import { useCallback, useEffect, useMemo } from "react"
 
 export default function useMyGroup() {
   const queryClient = useQueryClient()
-  const myName = useAuthStore((state) => state.user.nickname)
+  const myName = useAuthStore((state) => state.user?.nickname)
   const { myGroupData, setMyGroupData } = useMyGroupStore()
 
   // Fetch group data