mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
Wyatt JohnsonandGitHub
8abbb3dc2e
## What? Rename `experimental.dynamicIO` to `experimental.cacheComponents` across the Next.js codebase. ## Why? We're going to be merging the functionality of the `ppr`, `dynamicIO` and `useCache` experimental flags into the singular `cacheComponents` flag to reduce complexity of the codebase and simplify adoption for users wanting to experiment with experimental features. ## How? - Renamed the configuration option from `experimental.dynamicIO` to `experimental.cacheComponents` - Added deprecation handling with automatic migration for the old option name - Updated all documentation, tests, and internal references - Updated Rust code in SWC transforms and Turbopack - Maintained backward compatibility with deprecation warnings NAR-158
34 lines
666 B
TypeScript
34 lines
666 B
TypeScript
import { fetchData } from '../api/data'
|
|
// import { Suspense } from 'react'
|
|
// import { cookies, headers } from 'next/headers'
|
|
|
|
function InnerComponent({ children }) {
|
|
return <span id="value">{children}</span>
|
|
}
|
|
|
|
async function refresh() {
|
|
'use server'
|
|
}
|
|
|
|
async function reload() {
|
|
'use server'
|
|
}
|
|
|
|
async function Component() {
|
|
return <InnerComponent>{await fetchData()}</InnerComponent>
|
|
}
|
|
|
|
export default async function Home() {
|
|
return (
|
|
<>
|
|
<form action={refresh}>
|
|
<button id="refresh">Refresh</button>
|
|
</form>
|
|
<form action={reload}>
|
|
<button id="reload">Reload</button>
|
|
</form>
|
|
<Component />
|
|
</>
|
|
)
|
|
}
|