Plasmic: Encountered error while prepass rendering: Error: Fallback data is required when using suspense in SSR.
Any tips on this error?
Seems to happen when I render any <PlasmicComponent /> - regardless of which one
Taking a look…
Plasmic: Encountered error while prepass rendering: Error: Fallback data is required when using suspense in SSR.
at useSWRHandler (/Users/beamer/GitHub/wondervalley/node_modules/@plasmicapp/query/node_modules/swr/core/dist/index.js:417:19)
at /Users/beamer/GitHub/wondervalley/node_modules/@plasmicapp/query/node_modules/swr/_internal/dist/index.js:587:16
at useSWRArgs (/Users/beamer/GitHub/wondervalley/node_modules/@plasmicapp/query/node_modules/swr/_internal/dist/index.js:609:16)
at Object.usePlasmicQueryData (/Users/beamer/GitHub/wondervalley/node_modules/@plasmicapp/query/dist/query.cjs.development.js:840:14)
at TablesFetcher (eval at load (/Users/beamer/GitHub/wondervalley/node_modules/@plasmicapp/loader-core/dist/loader-core.cjs.development.js:305:14), <anonymous>:1234:29)
at renderWithHooks (/Users/beamer/GitHub/wondervalley/node_modules/react-ssr-prepass/dist/react-ssr-prepass.js:454:15)
at render$2 (/Users/beamer/GitHub/wondervalley/node_modules/react-ssr-prepass/dist/react-ssr-prepass.js:465:6)
at /Users/beamer/GitHub/wondervalley/node_modules/react-ssr-prepass/dist/react-ssr-prepass.js:612:12
at render (/Users/beamer/GitHub/wondervalley/node_modules/react-ssr-prepass/dist/react-ssr-prepass.js:613:4)
at visitElement (/Users/beamer/GitHub/wondervalley/node_modules/react-ssr-prepass/dist/react-ssr-prepass.js:725:15)
at visitLoop (/Users/beamer/GitHub/wondervalley/node_modules/react-ssr-prepass/dist/react-ssr-prepass.js:742:17)
at update (/Users/beamer/GitHub/wondervalley/node_modules/react-ssr-prepass/dist/react-ssr-prepass.js:801:9)
at /Users/beamer/GitHub/wondervalley/node_modules/react-ssr-prepass/dist/react-ssr-prepass.js:878:5
i’ve been commenting out any usePlasmicQuery i was using. but it happens even if I only render the Footer in the layout, which doesn’t have anything special
OK, our team is discussing it right now
hi @efficient_pelican! Can you try upgrading to the latest version of @plasmicapp/loader-nextjs ? (assuming you’re using nextjs)
it should be fixed in version 1.0.209
Plasmic: Encountered error while prepass rendering: Error: DYNAMIC_SERVER_USAGE
at suspense (webpack-internal:///./node_modules/next/dist/shared/lib/dynamic-no-ssr.js:18:19)
at NoSSR (webpack-internal:///./node_modules/next/dist/shared/lib/dynamic-no-ssr.js:13:9)
at renderWithHooks (/Users/beamer/GitHub/wondervalley/node_modules/react-ssr-prepass/dist/react-ssr-prepass.js:454:15)
at render$2 (/Users/beamer/GitHub/wondervalley/node_modules/react-ssr-prepass/dist/react-ssr-prepass.js:465:6)
at /Users/beamer/GitHub/wondervalley/node_modules/react-ssr-prepass/dist/react-ssr-prepass.js:612:12
at render (/Users/beamer/GitHub/wondervalley/node_modules/react-ssr-prepass/dist/react-ssr-prepass.js:613:4)
at visitElement (/Users/beamer/GitHub/wondervalley/node_modules/react-ssr-prepass/dist/react-ssr-prepass.js:725:15)
at visitLoop (/Users/beamer/GitHub/wondervalley/node_modules/react-ssr-prepass/dist/react-ssr-prepass.js:742:17)
at update (/Users/beamer/GitHub/wondervalley/node_modules/react-ssr-prepass/dist/react-ssr-prepass.js:801:9)
at /Users/beamer/GitHub/wondervalley/node_modules/react-ssr-prepass/dist/react-ssr-prepass.js:878:5 {
digest: 'DYNAMIC_SERVER_USAGE'
}
hi @efficient_pelican! Thanks for the report, we will work on a fix. It seems to happen when using next/dynamic with no SSR (setting ssr: false). The getStaticProps is fetching the Plasmic components and the query data on the server, so it doesn’t need to be fetched again on the client - but it does so by simulating a rendering, when the dynamic component runs, it detects it’s on the server and throws. A work around for now might be to remove the ssr: false flag
getting the same error
