ContentfulFetcher throwing undefined/null error on localhost

Developer Support
1

Guys, when I’m using ContentfulFetcher component from the component store in Plasmic studio, the localhost:3000 gives this error, any ideas how to fix this?

Project ID is sHYXhWgTjKzvMrCqNXeZxc if needed (only an empty contentfulFetcher on canvas)

image.png
image.png2334×1460 287 KB

2

Hi! Are you using this with plasmic loader or codegen?

3

Codegen

4

it is missing Contentful credentials. Could you try wrapping your app root in <GlobalContextsProvider/>? It should be exported from PlasmicGlobalCotnextsProvider.tsx, one of the generated files.

5

Thanks I’ll try that now, and is there a chance for this wrapper to be integrated in the Fetcher component itself on future updates?

6

It works! But I got this error instead, and the page design is okay when doing a force refresh (⌘⇧R) but with no real data being fetched from Contentful, and on regular reload it run into this hydration error

image.png
image.png1942×1312 213 KB

7

And it is not fetching the data

8

Are you using extractPlasmicQueryData() in your getStaticProps()? Be sure GlobalContextsProvider is also included in the React tree you are passing into extractPlasmicQueryData()