why Server side getServerSession return null when refresh the page useFetch call the api

// file: ~/pages/get
<template>
    <div>
    {{ user }}
    </div>
</template>

<script setup>
  //  fetch the user
 
  const { data: user } = await useFetch('/api/carrier/get')
</script>

// file: ~/server/api/get.ts
import { getServerSession } from '#auth'
export default eventHandler(async (event) => {
  const session = await getServerSession(event)

  if (!session) {
    return { status: 'unauthenticated!' }
  }
  return { status: 'authenticated!' }
})

Additional information

It return the session when using the nuxtlink go to the page but after refresh the page it would return null. why ?

[BracketJohn]

No worries (: I’ve also learned from this issue and opened #124 to clarify this on the getServerSession docs page. It’s easy to miss if it’s only on the getToken page and a common enough gotcha!

[nathanjcollins]

@BracketJohn awesome that works, thank you! Apologies, I did try looking for something like that in the docs, but apparently I didn’t look hard enough!