gatsby Questions

Gatsby-Source-WordPress: Error when compiling. TypeError: Cannot destructure property 'fields' of 'nodesType' as it is undefined

November 29, 2022
Kevin Carpenter
2 Answers

When I go and try to run gatsby develop I get the following error: TypeError: Cannot destructure property 'fields' of 'nodesType' as it is undefined. at generateNodeQueriesFromIngestibleFields (/Users/repoFolder/Work/gatsby/node_modules/gatsby-source-wordpress/src/steps/ingest-remote-schema/buil d-queries-from-introspection/generate-queries-from-ingestable-types.js:155:13) at buildNodeQueries (/Users/repoFolder/Work/gatsby/node_modules/gatsby-source-wordpress/src/steps/ingest-remote-schema/build-queries-from-introspe ction/build-node-queries.js:25:25) at runSteps (/Users/repoFolder/Work/gatsby/node_modules/gatsby-source-wordpress/src/utils/run-steps.ts:41:9) at runSteps (/Users/repoFolder/Work/gatsby/node_modules/gatsby-source-wordpress/src/utils/run-steps.ts:43:9) at…

VIEW QUESTION

GatsbyJS having issues rendering GraphQL queries from other components – SEO

August 5, 2022
Drew Johnson
2 Answers

I'm using Strapi as a Headless CMS and building my frontend with Gatsby + Graphql. I have a "blocks renderer" component that is rendering any of the dynamic zones in strapi. import React from "react" import { graphql } from…

VIEW QUESTION

Rendering Contentful data into Gatsby page but getting an error – SEO

July 1, 2022
kenton
2 Answers

I'm trying to load an about page from Contentful with gatsby, but I'm running into an error when loading the image data, stating: data.allContentfulAbout is undefined Could someone correct my code to have both the image load and then the…

VIEW QUESTION

how to load script files in Helmet tag gastby – SEO

June 28, 2022
Jaacoubi
2 Answers

I want to load some script files in Helmet tag using Gatsby.js , the script files are something like this: <script type="text/javascript"> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('consent', 'default', { ad_storage: 'denied', analytics_storage: 'denied', wait_for_update:…

VIEW QUESTION

Can't display images sourced from GraphQL, error [gatsby-plugin-image] missing image prop – SEO

May 10, 2022
Karim Elnemr
2 Answers

I'm trying to source content with images from Contentful into Gatsby but I failed to get images displayed. I installed gatsby-transformer-sharp, gatsby-plugin-image, gatsby-plugin-sharp, gatsby-remark-images and gatsby-remark-images-contentful. down below is a simple of my code import { GatsbyImage, getImage } from…

VIEW QUESTION

(Gatsby) How to pass image source as a prop in MDX component – SEO

April 20, 2022
Magnus Kolstad
2 Answers

I'm trying to create a Figure component in which I pass the img src along with other data. I realize it's not straightforward—e.g., this thread—but I thought it would work fine with normal HTML img tags. The image is not…

VIEW QUESTION

Framer-Motion AnimatePresence page transition not firing exit animation on production build of Gatsby Site – SEO

February 23, 2022
PerfectPenguin
2 Answers

I'm adding page transitions to a Gatsby site I'm working on using the framer-motion library. Currently, it works great on my local setup, but when I push to production, the exit animation no longer fires. I'm wrapping my pages in…

VIEW QUESTION

Gatsby-source-shopify authentication issue

February 22, 2022
yankeedoodle
2 Answers

I am trying to create a gatsby site that uses shopify. Following the gatsby docs here I noticed that there was no "private" apps. According to the shopify docs here private apps have been deprecated and now they are called…

VIEW QUESTION

Gatsby on Netlify build error There was an error in your GraphQL query: Data read, but end of buffer not reached – WordPress

February 2, 2022
Nathan Akrill
2 Answers

I have had to update my gatsby/headless wordpress site to the latest version and when trying to build I am getting the following error: There was an error in your GraphQL query: Data read, but end of buffer not reached.…

VIEW QUESTION

React Hook is called conditionally – Gatsby window undefined – SEO

October 25, 2021
user10229330
2 Answers

I am having a function to set the header height and this is using the window object. Because I am using Gatsby as my SSG, window is not available during build. I had a workaround (down below), but this will…

VIEW QUESTION