Use <SignedOut /> to control the rendering of components for users. Components inside <SignedOut /> are only rendered if the user is not authenticated.

import { NhostProvider, SignedOut } from '@nhost/react'
import { nhost } from '@/utils/nhost'

function Page() {
  return (
    <NhostProvider nhost={nhost}>
      <SignedOut>
        <h1>Only rendered if the user is not authenticated</h1>
      </SignedOut>
    </NhostProvider>
  )
}

​
Parameters

__namedParameters required { children: ReactNode }