Use <SignedOut /> to control the rendering of components for users. Components inside <SignedOut /> are only rendered if the user is not authenticated.
Copy
Ask AI
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> )}