Server Error TypeError: Cannot read properties of undefined (reading 'content')

Question

const Post = () => {
    const router = useRouter();
    const slug = router.query.postslug;
    const currentPost = PostData.find((post) => post.slug === slug);

    return (

        currentPost.content

    )
}

export default Post;

Server Error TypeError: Cannot read properties of undefined (reading 'content')

Below is the array of objects

const PostData = [
    {
        id:1,
        slug:...,
        content:...
    }
]

Answer 1

The problem is that content is undefined in context of currentPost. Its undefined because PostData doesnt match the slug.

a quick guard should help the solution

{ currentPost &&  currentPost.content}

Answer 2

I recommend preparing for it not finding anything like this:

currentPost?.content

If you believe this shouldn't give an error ever, as you haven't said this, feel free to return with a comment/edit describing your problem a bit more.