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
13 lines
336 B
JavaScript
13 lines
336 B
JavaScript
const isDevTest = false
|
|
|
|
const DynamicImportComponent = () => {
|
|
if (isDevTest && typeof window === 'undefined') {
|
|
throw new Error('This component should only be rendered on the client side')
|
|
}
|
|
return (
|
|
<div id="dynamic-component">This is a dynamically imported component</div>
|
|
)
|
|
}
|
|
|
|
export default DynamicImportComponent
|