example of what a re-renderable React server component could maybe look like?

CurrentServerTime.server.tsx

"use server"
import { $ } from "bun"

export async function* CurrentServerTime() {
  while (true) {
    yield <html.input key="ONLY ME!" readOnly value={await $`time`.text()} />
    await sleep(1_234)
  }
}

const sleep = (time: number) => new Promise(resolve => setTimeout(resolve, time))

export function Demo() {
  return (
    <Suspense fallback="loading…">
      <CurrentServerTime />
    </Suspense>
  )
}

https://x.com/shuding_/status/1770623199929078112?s=20
The AI SDK UI stream was implemented via nesting <Suspense> elements