Recibo este error: no se proporcionó un parámetro requerido (post.Id) como una cadena en getStaticPaths para /posts/[post.Id]

Incluso si proporciono manualmente la ruta como '1', '2' o '3', a veces me da un error en res.json() que indica que res.json() no es una función

 import { useRouter } from "next/router"; function Post({ post }) { const router = useRouter(); if (router.isFallback) { return <div>getting Data...</div>; } return ( <> <h2> {post.id} {post.title} </h2> <p>{post.body}</p> </> ); } export default Post; export async function getStaticProps(context) { const { params } = context; const response = await fetch( `https://jsonplaceholder.typicode.com/posts/${params.postId}` ); const data = await response.json(); if (!data.id) { return { notFound: true, //showing 404 page }; } console.log(`Generating page for /posts/${params.postId}`); return { props: { post: data, }, }; } export async function getStaticPaths() { const response = await fetch("https://jsonplaceholder.typicode.com/posts"); const data = await response.json(); const paths = data.map((post) => { return { params: { postId: `${post.id}` }, }; }); return { paths, fallback: true, }; }

esto se generará dinámicamente