mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
Josh StoryandGitHub
766b7cbff4
Removes the unstable prefix from `unstable_io`. Since this was only shipped in canaries with the unstable prefix we are going to just remove it without retaining the unstable prefix simultaneously.
31 lines
752 B
TypeScript
31 lines
752 B
TypeScript
import { Suspense } from 'react'
|
|
import { io } from 'next/cache'
|
|
import { getSentinelValue } from '../getSentinelValue'
|
|
|
|
export default function Page() {
|
|
return (
|
|
<>
|
|
<p>
|
|
This page uses io() inside a "use cache" function. Inside cache scopes
|
|
io() resolves immediately so the cached value should be computed at
|
|
cache-fill time during the build.
|
|
</p>
|
|
<Suspense fallback="loading...">
|
|
<CachedComponent />
|
|
</Suspense>
|
|
<div id="page">{getSentinelValue()}</div>
|
|
</>
|
|
)
|
|
}
|
|
|
|
async function CachedComponent() {
|
|
const value = await getCachedValue()
|
|
return <div id="cached-value">{value}</div>
|
|
}
|
|
|
|
async function getCachedValue() {
|
|
'use cache'
|
|
await io()
|
|
return getSentinelValue()
|
|
}
|