feat: 리다이렉트 컴포넌트 구현

src/components/redirect/Redirect.tsx

@@ -0,0 +1,25 @@
+import { PATH } from "@/constants/path";
+import useAuthStore from "@/store/authStore";
+import { useUserInfoStore } from "@/store/store";
+import { useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+
+interface RedirectProps {
+  children: React.ReactNode;
+}
+
+const Redirect = ({ children }: RedirectProps) => {
+  const isLoggedIn = useAuthStore((state) => state.isLoggedIn);
+  const userInfo = useUserInfoStore((state) => state.userInfo);
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    if (!isLoggedIn || !userInfo || userInfo.linkedToYanolja) {
+      navigate(PATH.ROOT);
+    }
+  }, [isLoggedIn, userInfo, navigate]);
+
+  return <>{children}</>;
+};
+
+export default Redirect;

src/hooks/api/useUserInfoQuery.ts

@@ -10,7 +10,7 @@ interface AccountQueryProps {
 
 export const useAccountQuery = () => {
   const accountQuery = useSuspenseQuery<ProfileData, Error, AccountQueryProps>({
-    queryKey: ["myProfile"],
+    queryKey: ["userInfo", "account"],
     queryFn: async () => await fetchUserInfo(),
     refetchOnWindowFocus: false,
     refetchOnReconnect: false,

src/main.tsx

@@ -10,7 +10,12 @@ import { hydrate } from "react-dom";
 const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
-      retry: 0,
+      retry: 1,
+      throwOnError: true,
+    },
+    mutations: {
+      retry: 1,
+      throwOnError: true,
     },
   },
 });

src/pages/connectYanoljaPage/verificationPage/VerificationPage.tsx

@@ -4,7 +4,7 @@ import TermsAgreementSection from "@pages/connectYanoljaPage/verificationPage/co
 import VerificationSection from "@pages/connectYanoljaPage/verificationPage/components/verificationSection/VerificationSection";
 import { FormProvider, useForm } from "react-hook-form";
 
-import * as S from "./VerificationPage.style.ts";
+import * as S from "./VerificationPage.style";
 
 const VerificationPage = () => {
   const methods = useForm({