Cannot convert undefined or null to object : Next.js || React

Question

Currently receiving a error stating Cannot convert undefined or null to object

The data the app is looking for comes from initial props. I assume on the initial check no data is present, so it throws that error.

Would this be solved with an async/await ?

The initial posts_mentions is defaulted as an empty object

Here is the error image:

Here is the current code snippet

const { posts_mentions: postsMentions } = useData();
    const data = Object.keys(postsMentions).map(label => {
        return {
            name: shortName(label),
            posts: postsMentions[label].posts,
            mentions: postsMentions[label].mentions
        }
    })

Martin Červenka · Accepted Answer · 2020-07-24 23:56:46Z

1

async function something(){
const { posts_mentions: postsMentions } = await useData();
 const data = Object.keys(postsMentions).map(label => {
    return {
        name: shortName(label),
        posts: postsMentions[label].posts,
        mentions: postsMentions[label].mentions
    }
})

}

answered Jul 24, 2020 at 23:56

Martin Červenka

713 bronze badges

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

1 Comment

Martin Červenka Over a year ago

If this doesnt work than you need to share your code for useData function. But other than that when you console.log(posts_mentions) it shows you something right?

Martin Červenka · Accepted Answer · 2020-07-24 23:21:09Z

0

Yes. Try adding await before useData(). And if this is all part of bigger function than mark it as async. How does the useData() look? Is something async in it?

answered Jul 24, 2020 at 23:21

Martin Červenka

713 bronze badges

1 Comment

bruce Over a year ago

the initial data is being pulled in with async call when the app is loaded. can you provide an example of how useData() would look with async ?

Collectives™ on Stack Overflow

Cannot convert undefined or null to object : Next.js || React

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related