Files
Janka UrygaandGitHub 82e84e430b feat(after): stabilize unstable_after (#73605)
- rename `unstable_after` -> `after`
- remove `experimental.after` flag (and warn if it's present)

i separated the big find-and-replace into a separate commit so that it's
easier to see what else changed apart from that.

does not touch docs, that's in #73038
2024-12-06 19:59:57 +00:00

48 lines
1.1 KiB
JavaScript

import { after, connection } from 'next/server'
import { cache } from 'react'
import { cliLog } from '../../../utils/log'
const thing = cache(() => Symbol('cache me please'))
export default async function Index(props) {
await connection()
const valueFromRender = thing()
after(async () => {
const valueFromAfter = thing()
cliLog({
source: '[page] /nested-after (after #1)',
assertions: {
'cache() works in after()': valueFromRender === valueFromAfter,
},
})
after(() => {
const valueFromAfter = thing()
cliLog({
source: '[page] /nested-after (after #2)',
assertions: {
'cache() works in after()': valueFromRender === valueFromAfter,
},
})
})
await new Promise((resolve) => setTimeout(resolve, 500))
after(() => {
const valueFromAfter = thing()
cliLog({
source: '[page] /nested-after (after #3)',
assertions: {
'cache() works in after()': valueFromRender === valueFromAfter,
},
})
})
})
return <div>Page with nested after()</div>
}