SeeThis?
Error: Fallback data is required when using suspense in SSR

Error: Fallback data is required when using suspense in SSR.

const swrData = dynamic(() => import("@/components/swrData"), {
  loading: () => <Skeleton />,
  ssr: false,
});

swrData

'use client'
const {data}= useSWR("/api/data",fetcher,{
    suspense:true
})

notes:

https://github.com/vercel/swr/issues/1906

https://nextjs.org/docs/pages/building-your-application/optimizing/lazy-loading

https://www.meje.dev/blog/suspense-in-nextjs