// server component
export function ServerComponent() {
  void trpc.procedure.prefetch()

  return (
    <Suspense><ClientComponent /></Suspense>
  )

// server component
export function ServerComponent() {
  void trpc.procedure.prefetch()

  return (
    <Suspense><ClientComponent /></Suspense>
  )

'use client'

export function ClientComponent() {
  const [data] = api.procedure.useSuspenseQuery()

  return // stuff
}

'use client'

export function ClientComponent() {
  const [data] = api.procedure.useSuspenseQuery()

  return // stuff
}