Experimental streaming without prefetching in Next.js

import { getAuthSessionOptions } from '@/http/openapi/@tanstack/react-query.gen'
import { getQueryClient } from '@/lib/query'
import { redirect } from 'next/navigation'

export const dynamic = 'force-dynamic'

interface LayoutProps {
  children: React.ReactNode
}

export default async function Layout({ children }: LayoutProps) {
  const queryClient = getQueryClient()

  const session = await queryClient.fetchQuery({
    ...getAuthSessionOptions(),
  })

  if (!session?.user) redirect('/api/auth/signout')

  return children
}

import { getAuthSessionOptions } from '@/http/openapi/@tanstack/react-query.gen'
import { getQueryClient } from '@/lib/query'
import { getAbilityServer } from '@/lib/server'
import { redirect } from 'next/navigation'

export default async function Page() {
  const queryClient = getQueryClient()

  const session = await queryClient.fetchQuery({
    ...getAuthSessionOptions(),
  })

  const { can } = await getAbilityServer(session)
  const canGetUser = can('get', 'User')
  if (!canGetUser) redirect('/dashboard')

  return <h1>example</h1>
}