next.js/bench/basic-app/app/streaming/_shared/client-boundary.js

'use client'

import React from 'react'

export function StreamingClientBoundary({
  chunkId,
  payload,
  fragments,
  checksum,
}) {
  return (
    <section data-client-boundary={chunkId}>
      <h3>client-{chunkId}</h3>
      <p>checksum:{checksum}</p>
      <p>payload-bytes:{payload.length}</p>
      <p>fragment-count:{fragments.length}</p>
      <p>{fragments[0] ?? ''}</p>
    </section>
  )
}