<SessionProvider/> doesn't respond to session updates.

[ahmedjk34]

This is currently the code:

//layout.tsx

I used to pass the session to the nav and UserModal as a prop, and it worked properly (since props respond to direct changes in the parent), but then i started using useSession() hook, and with that, when I login into the app, and the session does update (I can see that by logging the session in the route) the session inside the nav and the modal doesn't.
What are the possible solutions for this?

[k-taro56]

layout.tsx is not re-rendered

https://nextjs.org/docs/app/api-reference/file-conventions/layout

[ahmedjk34]

However, I added a console.log to layout.tsx, and when i login it does log the session with the user.
As in on initial page render it gives null
And after i login and redirect it does log the session.

But still it doesn't get passed updated until i refresh (the session provider takes the old value)

BUT, if i pass the session as a prop, the updates session will be registered by the children

[ahmedjk34]

So why is that? And what are the solutions to keep using the while having the session update for the children of the layout
Thank you for your time!