next.js/test/e2e/app-dir/instant-validation/app/suspense-in-root/static/valid-client-data-does-not-block-validation/client.tsx

'use client'

import { use } from 'react'
import { useDataCache } from '../../../../client-data-fetching-lib/client'

export function FetchesClientData() {
  const dataCache = useDataCache()
  const promise = dataCache.getOrLoad('my-key', async () => {
    await new Promise<void>((resolve) => setTimeout(resolve, 10))
    return 'My client data result'
  })
  const data = use(promise)
  return <div>Got client data: "{data}"</div>
}