앨범 커버 오류 디버깅

src/components/modal/album-modal.tsx

@@ -17,13 +17,15 @@ import { IconDisc } from "@tabler/icons-react";
 import { zodResolver } from "@hookform/resolvers/zod";
 import useAlbumModal from "@/hooks/modal/use-album-modal";
 import { api } from "@/lib/axios";
+import { useRouter } from "next/navigation";
 
 const AlbumModal = () => {
   const [stage, setStage] = useState(1);
   const [files, setFiles] = useState<File[]>([]);
   const [previewImage, setPreviewImage] = useState<string | null>(null);
   const [isLoading, setIsloading] = useState(false);
 
+  const router = useRouter();
   const albumModal = useAlbumModal();
 
   const handleFileUpload = (files: File[]) => {
@@ -123,6 +125,7 @@ const AlbumModal = () => {
       toast.success("앨범이 생성되었습니다!");
       reset();
       albumModal.onClose();
+      router.refresh();
     } catch (error) {
       if (axios.isAxiosError(error) && error.response?.data) {
         const errorData = error.response.data;

src/components/modal/profileEdit-modal.tsx

@@ -16,11 +16,13 @@ import { Textarea } from "../ui/textarea";
 import { CustomModal } from "./custom-modal";
 import { api } from "@/lib/axios";
 import { useProfile } from "@/provider/profileProvider";
+import { useRouter } from "next/navigation";
 
 const ProfileEditModal = () => {
   const [file, setFile] = useState<File | null>(null);
   const [isLoading, setIsloading] = useState(false);
   const profileEditModal = useProfileEditModal();
+  const router = useRouter();
 
   const { uuid } = useProfile();
 
@@ -180,6 +182,7 @@ const ProfileEditModal = () => {
     toast.success("프로필이 수정되었습니다.");
     reset();
     profileEditModal.onClose();
+    router.refresh();
   };
 
   const handleError = (error: unknown) => {

src/services/albumService.ts

@@ -39,6 +39,9 @@ export const getAllAlbums = async (
         pageSize,
       },
     });
+
+    console.log(response.data);
+
     return response.data;
   } catch (error) {
     if (axios.isAxiosError(error)) {