subman-nextjs/src/app/story/page.tsx

import { Story } from "@prisma/client";
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 default async function Page() {
  return (
    <div className="container mx-auto py-10">
      <DataTable columns={columns} data={stories} />
    </div>
  )
}