diff --git a/src/app/story/page.tsx b/src/app/story/page.tsx
index 93c0a71..0fea743 100644
--- a/src/app/story/page.tsx
+++ b/src/app/story/page.tsx
@@ -3,7 +3,9 @@ import { DataTable } from "./data-table";
 import { columns } from "./columns";
 import { getStoriesWithGenres } from "app/lib/get";
 import { Genre } from "@prisma/client";
-const stories: Array<Story & { genres: Array<Genre> }> = await getStoriesWithGenres()
+export type StoryWithGenres = Story & { genres: Array<Genre> }
+
+const stories: Array<StoryWithGenres> = await getStoriesWithGenres()
 export default async function Page() {
   return (
     <div className="container mx-auto py-10">