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;

Below is the array of objects

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

PostData, where exactly is that from, I think we need some more information/code. — Nicolai Christensen
– Nicolai Christensen, Commented Mar 22, 2022 at 18:34

Damian Busz · Accepted Answer · 2022-03-22 18:29:02Z

0

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}

answered Mar 22, 2022 at 18:29

Damian Busz

1,8581 gold badge13 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

PRASHANT VERMA Over a year ago

This is generating a syntax errors.

Damian Busz Over a year ago

Can you paste the error? Propably your issue is that you return null in render. Wrap this answer in a div or fragment and it should work allright

PRASHANT VERMA Over a year ago

./pages/blog/[postslug].js Error: error: Expression expected | 2795 | { currentPost && currentPost.content} | ^^ error: Expected ',', got '}' | 2795 | { currentPost && currentPost.content} | ^ Caused by: 0: failed to process js file 1: Syntax Error

PRASHANT VERMA Over a year ago

Now working fine when enclosed your syntax in fragments

Damian Busz Over a year ago

Perfect, if this helps you please mark this as an answer!

Nicolai Christensen · Accepted Answer · 2022-03-22 18:29:29Z

0

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.

answered Mar 22, 2022 at 18:29

Nicolai Christensen

2612 silver badges6 bronze badges

1 Comment

PRASHANT VERMA Over a year ago

Error: Post(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.

Collectives™ on Stack Overflow

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

2 Answers 2

5 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related