feat: 쿼리키 로직 수정

Author: yeonjin719

src/App.tsx

@@ -8,7 +8,7 @@ import { alarmKeys } from '@/queryKey/queryKey';
 import router from '@/routes/routes';
 
 function App() {
-    const refetchKeys = useMemo(() => [alarmKeys.all.queryKey], []);
+    const refetchKeys = useMemo(() => [alarmKeys._def], []);
     return (
         <DeviceTokenProvider refetchKeys={refetchKeys}>
             <RouterProvider router={router} />

src/components/modal/SettingModal.tsx

@@ -64,7 +64,7 @@ export default function SettingsModal({ onClose, defaultTab = '알람' }: ISetti
                     </button>
                 </div>
                 <MobileSettingTab setActiveTab={setActiveTab} activeTab={activeTab} handleLogout={handleLogout} logoutPending={logoutPending} />
-                <div className="flex-1 sm:pl-6 overflow-y-auto min-w-[298px]">
+                <div className="flex-1 sm:pl-6 overflow-y-auto min-w-[300px]">
                     {activeTab === '알람' && <AlarmSetting />}
                     {activeTab === '멤버십' && <MembershipSetting />}
                     {activeTab === '정보' && <InfoSetting />}

src/components/settingTab/InfoSetting.tsx

@@ -48,10 +48,7 @@ export default function InfoSetting() {
                         setInitialNickname(next);
                         localStorage.setItem('nickname', next);
 
-                        queryClient.invalidateQueries({ queryKey: memberKeys.all.queryKey });
-                        queryClient.setQueryData(memberKeys.memberGrade.queryKey, (old: any) =>
-                            old?.result ? { ...old, result: { ...old.result, username: next } } : old,
-                        );
+                        queryClient.invalidateQueries({ queryKey: memberKeys._def });
                     } else {
                         alert(res?.message ?? '닉네임 변경에 실패했습니다.');
                     }
@@ -81,7 +78,7 @@ export default function InfoSetting() {
     };
 
     return (
-        <div className="mt-5 flex flex-col items-start gap-5">
+        <div className="mt-5 flex flex-col items-start gap-5 px-[2px]">
             {/* 닉네임 */}
             <EditableInputBox
                 mode="nickname"

src/hooks/customQuery.ts

@@ -14,7 +14,6 @@ export function useCoreQuery<TQueryFnData, TData = TQueryFnData>(
         queryKey: keyName,
         queryFn: query,
         ...options,
-        staleTime: options?.staleTime ?? 1000 * 60 * 5,
     });
 }
 

src/queryKey/queryKey.ts

@@ -1,18 +1,15 @@
 import { createQueryKeys } from '@lukemorales/query-key-factory';
 
 export const regionKeys = createQueryKeys('region', {
-    all: null,
     search: (keyword: string) => ['search', keyword],
 });
 
 export const alarmKeys = createQueryKeys('alarm', {
-    all: null,
     getAlarm: (size: number, cursor?: number) => ['getAlarm', size, cursor],
     alarmSettings: () => ['alarmSettings'],
 });
 
 export const homeKeys = createQueryKeys('home', {
-    all: null,
     getUserGrade: () => ['user', 'grade'],
     dateCourseSave: () => ['date-courses', 'saved-count'],
     weather: (startDate: string, regionId: number) => ['weather', 'forecast', startDate, regionId],
@@ -24,11 +21,10 @@ export const homeKeys = createQueryKeys('home', {
 });
 
 export const noticeKeys = createQueryKeys('notice', {
-    all: null,
     getAllNotices: (page: number, size: number, noticeCategory: 'SERVICE' | 'SYSTEM') => [page, size, noticeCategory],
 });
 export const memberKeys = createQueryKeys('member', {
-    all: null,
     memberInfo: null,
     memberGrade: null,
+    // memberKeys안에 있는 걸 모두 초기화 하고 싶으면 alarmKeys._def로 호출하면 됩니다!
 });