Category "gatsby"

What causes the ["String" has no subfields] image error in GraphQL/Gatsby?

The whole error message on terminal is: error GraphQL Error Field "image" must not have a selection since type "String" has no subfields. This seems like a r

window.addEventListener('load',... not firing on Safari?

I need redirect page after it load and get param from URL. I can do by button click. But I want redirect page automatic (without user input). I am use window.ad

GatsbyJS - GraphQL ACF query issue

So I am encountering some issues with the way that my ACF is structured on a custom post type. Due to the way the post type works (it's for work case studies) t

Error - node_modules : Callback was already called

I am building SSR rendered Gatsby react application and I get the following error while doing "gatsby build". Been searching for a solution for this error for a

How to render svg files with Gatsby Image?

Currently in my project I have a folder with all my svg files, the query to get them from graphql is as follows: query AssetsPhotos { allFile(filter: {extensi

:hover element change ::after style another component

How can I change width StyledLi::after from 0% to 90%, after hover on StyledLink const StyledLink = styled(Link)` text-decoration: none; margin-right:

Error: `input` must not start with a slash when using `prefixUrl`

As soon as I update gatsby packages to the latest version, now version 4.10.1, or any version after 4.6, it directly gives me this error without any change in t

Create nested file nodes Gatsby 4

Since Gatsby 4 doesn't accept remoteFileNodes to be created within the createResolvers API inside gatsby-node.js, i'm looking for another solution to create Fil

Why does my TOC component add `{"-" + 1}` to its links every time I click on one of them?

I implemented a table-of-contents component to my site following this tutorial. It works, but every time I click on one of the TOC's links, all the links (inclu

How to create multiple node types with mdx in Gatsby?

I am trying to create multiple content types in Gatsby using mdx (instead of remark). I am having trouble sifting through old methods of handling remark and new

Filtering the Gatsby Slug in onCreateNode

I'm trying to filter the slug generated by Gatsby so I can remove white space and replace it with "-". I have Gatsby's reporter set to fire when onCreateNode is

Error: Cannot find module 'gatsby-plugin-utils/polyfill-remote-file'

Can't run the Gatsby application in a development server. Attempted solutions: attempted to install polyfill-remote-file but the module doesn't even exist updat

Gatsby SCSS Module not compiling

Running Gatsby version 3.0.1, with sass 1.32.8. I've just started playing about with a few things and I've come into a weird problem that I cannot work out. ./g

How can I map out multiple images in Gatsby with GraphiQl?

I would like to query multiple images from a specific folder on a webpage via GraphiQl. I've tried it multiple ways, but I'm not able to display the images. I c

how to get the text-underline from strapi articles to my gatsby frontend

I'm working on a support site with strapi(backend) and gatsbyjs/react (frontend). I am trying to retrieve from my admin strapi the text I have underlined and di