trying to get nextjs to work

app/posts.tsx

@@ -1,14 +1,14 @@
-'use client-only';
-
-import { Post } from '@/lib/getPosts';
-import { FC } from 'react';
+import { getPosts } from '@/lib/getPosts';
+import { cookies } from 'next/headers';
+import { use } from 'react';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 
-interface PostProps {
-  posts: Post[];
-}
-const Posts: FC<PostProps> = ({ posts }) => {
+const Posts = () => {
+  const c = cookies();
+
+  const posts = use(getPosts());
+
   return (
     <>
       {posts.map((p) => (