diff --git a/frontend/src/app/album/page.tsx b/frontend/src/app/album/page.tsx
index 647a656..8e4de5d 100644
--- a/frontend/src/app/album/page.tsx
+++ b/frontend/src/app/album/page.tsx
@@ -3,13 +3,12 @@
 import { FormEvent, useState, useEffect } from 'react';
 import Link from 'next/link';
 import { Album } from '@/entities/album.entity';
-// import { CreateAlbumForm } from '@/app/ui/form';
 import { createAlbum } from '@/app/actions';
-// import { useRouter } from 'next/navigation';
+import { useRouter } from 'next/navigation';
 
 export default function Page() {
   const [albums, setAlbums] = useState<Album[]>([]);
-  // const router = useRouter();
+  const router = useRouter();
 
   useEffect(() => {
     async function fetchAlbums() {
@@ -17,19 +16,19 @@ export default function Page() {
       const data = await response.json();
       setAlbums(data);
     }
-    fetchAlbums()
+    fetchAlbums();
   }, []);
 
   if (!albums) return <div>Loading...</div>
 
   async function onSubmit(event: FormEvent<HTMLFormElement>) {
-    event.preventDefault()
+    event.preventDefault();
 
     const formData = new FormData(event.currentTarget);
     const response = await createAlbum(formData);
 
-    const data = await response.json()
-    setAlbums(data);
+    await response.json();
+    router.refresh();
   }
 
   return (