fix: [TA-199] getPhotographerList / getPromotionList params 미인코딩 쿼리스트링 오염 수정

src/api/photographer.ts

@@ -13,9 +13,9 @@ export const checkPhotographerExistence = async (nickname: string) =>
     `/photographers/nicknames/existence?nickname=${nickname}`
   );
 
-export const getPhotographerList = async (params: string) =>
+export const getPhotographerList = async (params: URLSearchParams) =>
   await GET<PaginatedResponse<PhotographerListItem>>(
-    `/photographers/list?${params}`,
+    `/photographers/list?${params.toString()}`,
     localStorage.getItem("accessToken") ? true : false
   );
 

src/api/promotion.ts

@@ -2,9 +2,9 @@ import { GET, PUT, POST, DELETE } from "../utils/axios";
 import { PromotionBody, PromotionDetail, PromotionListItem } from "../types/promotion";
 import { PaginatedResponse } from "../types/common";
 
-export const getPromotionList = async (params: string) =>
+export const getPromotionList = async (params: URLSearchParams) =>
   await GET<PaginatedResponse<PromotionListItem>>(
-    `/promotions/list?${params}`,
+    `/promotions/list?${params.toString()}`,
     localStorage.getItem("accessToken") ? true : false
   );
 

src/hooks/usePhotographerList.ts

@@ -12,7 +12,7 @@ export function usePhotographerList(params: string, enabled = true) {
     let cancelled = false;
     setIsLoading(true);
     setError(null);
-    getPhotographerList(params)
+    getPhotographerList(new URLSearchParams(params))
       .then((res) => {
         if (!cancelled) setPhotographers(res.items);
       })

src/hooks/usePromotionList.ts

@@ -12,7 +12,7 @@ export function usePromotionList(params: string, enabled = true) {
     let cancelled = false;
     setIsLoading(true);
     setError(null);
-    getPromotionList(params)
+    getPromotionList(new URLSearchParams(params))
       .then((res) => {
         if (!cancelled) setPromotions(res.items);
       })

src/pages/SearchPage/Photographers/index.tsx

@@ -19,7 +19,7 @@ export default function Photographers({ data, searchKeyword }: Props) {
       const p = new URLSearchParams(searchParams);
       p.set("searchKeyword", searchKeyword);
       try {
-        const res = await getPhotographerList(p.toString());
+        const res = await getPhotographerList(p);
         setPhotographerList(res.items);
       } catch (e) {
         console.log(e);

src/pages/SearchPage/Promotions/index.tsx

@@ -19,7 +19,7 @@ export default function Promotions({ data, searchKeyword }: Props) {
       const p = new URLSearchParams(searchParams);
       p.set("searchKeyword", searchKeyword);
       try {
-        const res = await getPromotionList(p.toString());
+        const res = await getPromotionList(p);
         setPromotionList(res.items);
       } catch (e) {
         console.log(e);

src/pages/SearchPage/index.tsx

@@ -12,11 +12,11 @@ export default function SearchPage() {
 
   const isOverview = state === "OVERVIEW" && !!searchKeyword;
   const { promotions: promotionList } = usePromotionList(
-    `searchKeyword=${searchKeyword}`,
+    new URLSearchParams({ searchKeyword }).toString(),
     isOverview
   );
   const { photographers: photographerList } = usePhotographerList(
-    `searchKeyword=${searchKeyword}`,
+    new URLSearchParams({ searchKeyword }).toString(),
     isOverview
   );