next.js/test/e2e/app-dir/use-cache/app/(partially-static)/react-cache/page.tsx

import { cache } from 'react'

const number = cache(() => {
  return Math.random()
})

function Component() {
  // Read number again in a component. This should be deduped.
  return <p id="b">{number()}</p>
}

async function getCachedComponent() {
  'use cache'
  return (
    <div>
      <p id="a">{number()}</p>
      <Component />
    </div>
  )
}

export default async function Page() {
  return <div>{getCachedComponent()}</div>
}