Next.js - Cannot read properties of undefined (reading 'user')

Question

I use Next.js and Next-auth for my project.

I'm building a Sidebar component where I want to show a list of items from a user.

So I'm getting the session with useSession.

When I log the session like so...

export default function Sidebar() {
  const { data: session, status } = useSession();

  console.log(session);

  return (
    ...
  )
}

...I get an object including the user object.

But when I try to log the user like so...

export default function Sidebar() {
  const { data: session, status } = useSession();

  console.log(session.user);

  return (
    ...
  )
}

I get this error:

TypeError: Cannot read properties of undefined (reading 'user')

Any idea what's the problem here?

Thanks a lot, Gabriel

Rameez · Accepted Answer · 2023-02-16 16:22:45Z

0

As useSession is a hook, it will make data available asynchronously. Hence, you need to check if session is not undefined before logging it/ using it.

console.log(session?.user);

or

if(session) {
  console.log(session.user);
}

answered Feb 16, 2023 at 16:22

Rameez

1,7222 gold badges19 silver badges41 bronze badges

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

Comments

gdserafini · Accepted Answer · 2023-02-16 16:49:00Z

0

The problem may be in the deconstruction of the object. And it's recommended you check if it's not null, just like Rameez said. Try this:

const { data, status } = useSession();

if(data.session.user){
    console.log(data.session.user);
}

return (
    ...
);

edited Feb 16, 2023 at 16:49

answered Feb 16, 2023 at 16:34

gdserafini

11 bronze badge

Collectives™ on Stack Overflow

Next.js - Cannot read properties of undefined (reading 'user')

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related