fix: 로그아웃이 동작하지 않는 문제 수정

Author: MU-Software

packages/common/src/hooks/useAPI.ts

@@ -8,6 +8,7 @@ import BackendContext from "../contexts";
 const QUERY_KEYS = {
   SITEMAP_LIST: ["query", "sitemap", "list"],
   PAGE: ["query", "page"],
+  SPONSOR_LIST: ["query", "sponsor", "list"],
 };
 
 namespace BackendAPIHooks {
@@ -24,19 +25,19 @@ namespace BackendAPIHooks {
 
   export const useFlattenSiteMapQuery = (client: BackendAPIClient) =>
     useSuspenseQuery({
-      queryKey: [client.language, ...QUERY_KEYS.SITEMAP_LIST],
+      queryKey: [...QUERY_KEYS.SITEMAP_LIST, client.language],
       queryFn: BackendAPIs.listSiteMaps(client),
     });
 
   export const usePageQuery = (client: BackendAPIClient, id: string) =>
     useSuspenseQuery({
-      queryKey: [client.language, ...QUERY_KEYS.PAGE, id],
+      queryKey: [...QUERY_KEYS.PAGE, id, client.language],
       queryFn: () => BackendAPIs.retrievePage(client)(id),
     });
 
   export const useSponsorQuery = (client: BackendAPIClient) =>
     useSuspenseQuery({
-      queryKey: [client.language, "sponsor", "list"],
+      queryKey: [...QUERY_KEYS.SPONSOR_LIST, client.language],
       queryFn: BackendAPIs.listSponsors(client),
     });
 }

packages/shop/src/hooks/index.ts

@@ -42,7 +42,7 @@ namespace ShopHooks {
 
   export const useUserStatus = (client: ShopAPIClient) =>
     useSuspenseQuery({
-      queryKey: [client.language, ...QUERY_KEYS.USER],
+      queryKey: [...QUERY_KEYS.USER, client.language],
       queryFn: ShopAPIs.retrieveUserInfo(client),
       retry: 3,
     });
@@ -71,13 +71,13 @@ namespace ShopHooks {
 
   export const useProducts = (client: ShopAPIClient, qs?: ShopSchemas.ProductListQueryParams) =>
     useSuspenseQuery({
-      queryKey: [client.language, ...QUERY_KEYS.PRODUCT_LIST, qs ? JSON.stringify(qs) : ""],
+      queryKey: [...QUERY_KEYS.PRODUCT_LIST, qs ? JSON.stringify(qs) : "", client.language],
       queryFn: () => ShopAPIs.listProducts(client)(qs),
     });
 
   export const useCart = (client: ShopAPIClient) =>
     useSuspenseQuery({
-      queryKey: [client.language, ...QUERY_KEYS.CART_INFO],
+      queryKey: [...QUERY_KEYS.CART_INFO, client.language],
       queryFn: ShopAPIs.retrieveCart(client),
     });
 
@@ -111,7 +111,7 @@ namespace ShopHooks {
 
   export const useOrders = (client: ShopAPIClient) =>
     useSuspenseQuery({
-      queryKey: [client.language, ...QUERY_KEYS.ORDER_LIST],
+      queryKey: [...QUERY_KEYS.ORDER_LIST, client.language],
       queryFn: ShopAPIs.listOrders(client),
     });