d4rekanguok/gatsby-typescript

Minified React error #31

Closed this issue · 1 comments

akzhy commented

Hey,
I am using this plugin on a project that uses WordPress as a cms and I ran into this error, which stops the development process

warn [gatsby-plugin-graphql-codegen] Syntax Error: Expected Name, found }
failed We've encountered an error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[ 
]

After a couple of attempts I managed to trace the error to the below part

query MyQuery {
  allWpPost {
    edges {
      node {
        id
        slug
        title
        featuredImage {
          node {
            localFile {
              childImageSharp {
                fluid {
                  src
                  ...GatsbyImageSharpFluid
                }
              }
            }
          }
        }
      }
    }
  }
}

If I remove ...GatsbyImageSharpFluid the code gets executed, and if I remove the plugin from gatsby-config then again the code gets exectued. So I am guessing the issue is with the plugin / fragment.

I am on WIndows 10 20H2
Running

"gatsby": "^2.27.0",
"gatsby-cli": "^2.14.0",
"gatsby-image": "^2.6.0",
"gatsby-plugin-graphql-codegen": "^2.7.1",
akzhy commented

Sorry, wrong repo Got distracted by the name