Hi,

When someone login it redirects according to the documentation

So, I can login correctly but I need to refresh the page before getting a session

Refresh lets the Header display a logout button instead of that, it keeps displaying login and register

How can I fix that ?

Here is my code, thank you, you can test the code on https://allbizzz.com

import Header from '@/components/Header'
import Footer from '@/components/Footer'
import Hero from '@/components/Hero'
import Welcome from '@/components/Welcome'

import { createServerComponentClient } from '@supabase/auth-helpers-nextjs';
import { cookies } from 'next/headers';

async function Home () {
  
  const supabase = createServerComponentClient({ cookies });

  const {
    data: { session },
  } = await supabase.auth.getSession();

  if (session) {
    return (
      <>
      <div className="min-h-screen flex flex-col justify-between">
      <Header session = { session } />
      <Welcome />
      <Footer />
      </div>
      </>
    )
  } else {
    return (
      <>
      <div className="min-h-screen flex flex-col justify-between">
      <Header session = { session } />
      <Hero />
      <Footer />
      </div>
      </>
    )
  }
}

export default Home