mirror of
https://github.com/vercel/next.js.git
synced 2026-09-20 02:25:18 +08:00
Jiachi Liu
1a04d94aae
### What Reland #64716 Removing the Suspense boundary on top of `next/dynamic` by default, make it as `React.lazy` component with preloading CSS feature. * Remove `suspense` option in `next/dynamic` since it's already deprecated for a while * Remove the default loading in app router implmentation of `next/dynamic` ### Why Extra Suspense boundary is causing extra useless rendering. For SSR, it shouldn't render `loading` by default Related: #64060 Related: #64687 Closes [NEXT-3074](https://linear.app/vercel/issue/NEXT-3074/app-router-content-flickering-with-reactcreatecontext-and-nextdynamic) This is sort of a breaking change, since removing the Suspense boundary on top of `next/dynamic` by default. If there's error happening in side the dynamic component you need to wrap an extra Suspense boundary on top of it
22 lines
318 B
JavaScript
22 lines
318 B
JavaScript
'use client'
|
|
|
|
import dynamic from 'next/dynamic'
|
|
|
|
const DynamicHeader = dynamic(() => {
|
|
return new Promise((resolve) => {
|
|
setTimeout(() => {
|
|
resolve(import('./dynamic-component'))
|
|
}, 1000)
|
|
})
|
|
})
|
|
|
|
const Page = () => {
|
|
return (
|
|
<div>
|
|
<DynamicHeader />
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Page
|