Strange problem with rest response during login with credentials

[oskar-gmerek]

Hello,
I have strange problem and I not even sure if this is next-auth related but I will be very grateful if someone will help me with it or just let me know with what that problem is. I was already made question on the stackoverflow but unfortunately without any answer.

https://stackoverflow.com/questions/68010914/next-auth-when-user-object-have-too-many-items-then-session-request-is-without

In short. Everything is working good unless If rest response is just with a little bit more data. Then the client is getting empty response. I think it maybe problem related to next-auth because when I make the same in postman then everything is fine. Can somebody help me with that?

Regards,
Oskar

[balazsorban44]

without your code it's hard to guess, but maybe because of the browser's cookie size limitation, since you are talking about a "bit more data"

https://next-auth.js.org/faq#what-are-the-disadvantages-of-json-web-tokens

you might have to persist data in a database.

https://next-auth.js.org/adapters/overview

[oskar-gmerek]

But not in full how I want it. With that solution I don't have access to username by using session.user.username.

I was tried to change 'username' to session.user.username but it also doesn't work.

[balazsorban44]

You are mixing arrays and objects.

I suggest you try reading up on JavaScript basics before diving into a bigger project.

[oskar-gmerek]

You are mixing arrays and objects.

I suggest you try reading up on JavaScript basics before diving into a bigger project.

@balazsorban44 So if I understand good. That should work as expected for me:

callbacks: {
    jwt: async (token, user) => {
      if (user) {
        token.jwt = user.jwt;
        token.user = {
          id: user.user.id, 
          username: user.user.username
        }
      }
      return Promise.resolve(token);
    },
    session: async (session, token) => {
      session.jwt = token.jwt;
      session.user = {
        id: token.user.id,
        username: token.user.username
      }
      return Promise.resolve(session);
    },
  },

[oskar-gmerek]

Great. Work as expected. It was first what I was checking but I mistook ":" with "=" and the errors descriptions in VS take me to that strange place.

It's hard for me to learn from simple examples, when the code is simple everything seems simple. As the code gets more elaborate, these previous simple things become less clear, especially if some code has already been written by a third party.

It seems to me that it is best to learn from real projects, although there are problems like here, basic ones, but with the help of a person like you, I already know that this basic knowledge in this case actually works, and my problems were due to stupid mistake (but doesn't it take a lot of practice not to make mistakes?)

@balazsorban44 Thank you so much for guiding me on the right path to solving this problem.

[balazsorban44]

glad that it worked out! I can understand that learning from real projects sounds great, and by all means if you feel that is what works for you, just do it. But if you take an advice, I would find a good javascript intro course just to cover the very basic stuff. 😊