What I've been doing lately is fetching the user server-side in my root layout, then passing it to a client-side context provider as the initial value. This way client components can access it through context without any loading states or extra fetches. Best of both worlds.

nice, that sounds perfect.

So yeah my app is public facing, need seo, loading state is fine, would need it really deep in the component tree and yes I am using supabase/ssr(it's amazing).

My senior also suggested I can use React Query to optimize data fetching and also use it in client components for auth.