dynamic-suspense.js

import { Suspense } from 'react'
import dynamic from 'next/dynamic'

const Hello = dynamic(() => import('./hello'), {
  ssr: true,
  suspense: true,
})

export default function SuspenseNoSSR({ thrown }) {
  return (
    <Suspense fallback={'loading'}>
      <Hello thrown={thrown} />
    </Suspense>
  )
}