fix: 새로운 필터 받아올 때 모달 꺼지는 오류 수정

src/app/(iTracker)/category/[categoryName]/page.tsx

@@ -1,14 +1,6 @@
 import { CategoryType } from '@/features/category/constants';
 import { Filter } from '@/features/search/components/filter';
-import { Suspense } from 'react';
-import { ErrorBoundary } from 'react-error-boundary';
 
 export default function CategoryNamePage({ params }: { params: { categoryName: CategoryType } }) {
-  return (
-    <ErrorBoundary fallback={<div>필터 정보를 받아오지 못했습니다.</div>}>
-      <Suspense>
-        <Filter title="상품 필터" category={params.categoryName} variant={false} />
-      </Suspense>
-    </ErrorBoundary>
-  );
+  return <Filter title="상품 필터" category={params.categoryName} variant={false} />;
 }

src/features/search/components/filter/index.tsx

@@ -27,7 +27,7 @@ export const Filter = ({ title, category, variant }: { title: string; category:
 
   const [initialFilters, setInitialFilters] = useState<FilterProperty>({});
   const [selectedFilters, setSelectedFilters] = useState<FilterProperty>({});
-  const { data: filterData } = useGetProperty(category, selectedFilters);
+  const { data: filterData, isError } = useGetProperty(category, selectedFilters);
   const { data: initialData, isLoading } = useGetInitialProperty(category);
   const router = useRouter();
 
@@ -37,6 +37,10 @@ export const Filter = ({ title, category, variant }: { title: string; category:
     }
   }, [initialData, isLoading]);
 
+  if (isError) {
+    return <div>제품정보를 받아오지 못했습니다.</div>;
+  }
+
   const initializeProperty = () => {
     if (initialData) {
       setSelectedFilters({});

src/features/search/hooks/useFilterProperty.ts

@@ -1,12 +1,12 @@
-import { useSuspenseQuery, UseSuspenseQueryResult } from '@tanstack/react-query';
+import { UseQueryResult, useQuery } from '@tanstack/react-query';
 import { GetFilterPropertyResponse, getFilterProperty, FilterProperty } from '../api/getFilterProperty';
 import { CategoryType } from '@/features/category/constants';
 
 export const useGetProperty = (
   category: CategoryType,
   property: FilterProperty,
-): UseSuspenseQueryResult<GetFilterPropertyResponse> => {
-  return useSuspenseQuery({
+): UseQueryResult<GetFilterPropertyResponse> => {
+  return useQuery({
     queryKey: ['filter', category, property],
     queryFn: () => getFilterProperty(category, property),
   });