[FEAT] getAxiosInstance 필요한 부분 적용

src/apis/templeDetail/axios.ts

@@ -1,7 +1,8 @@
-import instance from '@apis/instance';
+import { getAxiosInstance } from '@apis/instance';
 
-const getTempleDetails = async (templestayId: string, userId: string) => {
-  const res = await instance.get('/templestay', {
+const getTempleDetails = async (templestayId: string, userId?: string) => {
+  const axiosInstance = getAxiosInstance();
+  const res = await axiosInstance.get('/templestay', {
     params: { templestayId, userId },
   });
 

src/apis/templeDetail/index.ts

@@ -3,7 +3,7 @@ import { useQuery } from '@tanstack/react-query';
 import getTempleDetails from './axios';
 import { TempleDetail } from './type';
 
-const useGetTempleDetails = (templestayId: string, userId: string) => {
+const useGetTempleDetails = (templestayId: string, userId?: string) => {
   const { data, isLoading, isError } = useQuery<TempleDetail>({
     queryKey: ['detailPage', templestayId],
     queryFn: () => getTempleDetails(templestayId, userId),

src/components/common/pageName/PageName.tsx

@@ -11,7 +11,7 @@ interface PageNameProps {
 }
 
 const PageName = ({ title, onRightClick, isLikeBtn = true, isLiked = false }: PageNameProps) => {
-  const handleToBack = useNavigateTo(-1);
+  const handleToBack = useNavigateTo('/');
 
   return (
     <nav className={PageNameStyle.container}>

src/pages/templeDetailPage/TempleDetailPage.tsx

@@ -26,7 +26,10 @@ const TempleDetailPage = () => {
 
   const userId = localStorage.getItem('userId');
   const { templestayId } = useParams();
-  const { data, isLoading, isError } = useGetTempleDetails(String(templestayId), String(userId));
+  const { data, isLoading, isError } = useGetTempleDetails(
+    String(templestayId),
+    userId || undefined,
+  );
   const queryClient = useQueryClient();
 
   const addWishlistMutation = useAddWishlist();