Next suspense with swr, "Fallback data is required when using suspense in SSR."

Question

I'm trying to use React Suspense within a Next project

I'm not using SSR, the app is only used as client rendering

Supense works, but I got this error :

Fallback data is required when using suspense in SSR.

  <Suspense fallback={<Skeleton />}>
     <Foo />
  </Suspense>

export const Foo = () => {
    const { data, error, isLoading } = useSWR(
        `/api/foo`,
        async (url: string) => await ApiClient.GET(url),
        { suspense: true }
    )
    return <Bar data={data} />
}

Answer 1

I also am facing this.

However, from this section of the documentation I believe that it is ignorable in our cases. https://swr.vercel.app/docs/suspense#server-side-rendering

It appears to be triggering that error during the 'pre-rendering' stage.