feat: useQuery useSuspenseQuery 로 변경

Author: gwagjiug

apps/client/src/pages/community/community-detail/community-detail.tsx

@@ -1,9 +1,5 @@
 import { useState } from 'react';
-import {
-  useInfiniteQuery,
-  useQuery,
-  useSuspenseQuery,
-} from '@tanstack/react-query';
+import { useInfiniteQuery, useSuspenseQuery } from '@tanstack/react-query';
 import { useParams } from 'react-router';
 import { useNavigate } from 'react-router-dom';
 
@@ -57,7 +53,7 @@ const CommunityDetail = () => {
 
   const { data } = useSuspenseQuery(POST_FEED_DETAIL_OPTIONS.DETAIL(postId));
 
-  const { data: queryData } = useQuery(USER_QUERY_OPTIONS.PROFILE());
+  const { data: queryData } = useSuspenseQuery(USER_QUERY_OPTIONS.PROFILE());
   const userData = queryData?.data;
 
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {

apps/client/src/pages/my/my-page.tsx

@@ -1,4 +1,4 @@
-import { useQuery } from '@tanstack/react-query';
+import { useSuspenseQuery } from '@tanstack/react-query';
 import { useNavigate } from 'react-router-dom';
 
 import { Navigation } from '@bds/ui';
@@ -10,7 +10,7 @@ import { USER_QUERY_OPTIONS } from '@shared/api/domain/mypage/queries';
 import { routePath } from '@shared/router/path';
 
 const MyPage = () => {
-  const { data: queryData } = useQuery(USER_QUERY_OPTIONS.PROFILE());
+  const { data: queryData } = useSuspenseQuery(USER_QUERY_OPTIONS.PROFILE());
   const userData = queryData?.data;
 
   const targetRoute = userData?.isRecommendInsurance

apps/client/src/pages/onboarding/onboarding-page.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { useQuery } from '@tanstack/react-query';
+import { useSuspenseQuery } from '@tanstack/react-query';
 import { useNavigate } from 'react-router-dom';
 
 import { Button, TextButton, toasts } from '@bds/ui';
@@ -44,10 +44,14 @@ const stepSlugs = ['start', 'user', 'health', 'coverage', 'price', 'matching'];
 const completePath = routePath.REPORT;
 
 const OnboardingPage = () => {
-  const { data: userData } = useQuery(USER_QUERY_OPTIONS.PROFILE());
-  const { data: userJobs } = useQuery(USER_QUERY_OPTIONS.JOBS());
-  const { data: userDiseases } = useQuery(USER_QUERY_OPTIONS.DISEASES());
-  const { data: userCoverages } = useQuery(USER_QUERY_OPTIONS.COVERAGES());
+  const { data: userData } = useSuspenseQuery(USER_QUERY_OPTIONS.PROFILE());
+  const { data: userJobs } = useSuspenseQuery(USER_QUERY_OPTIONS.JOBS());
+  const { data: userDiseases } = useSuspenseQuery(
+    USER_QUERY_OPTIONS.DISEASES(),
+  );
+  const { data: userCoverages } = useSuspenseQuery(
+    USER_QUERY_OPTIONS.COVERAGES(),
+  );
   const navigate = useNavigate();
 
   const { openModal, closeModal } = useModal();