Did graphql broke in a recent update?

[odyslam]

I am having all sorts of problems with graphql.

It started when the part bellow from my gatsby-node.js

  // Destructure the createPage function from the actions object
  const { createPage } = actions;
reporter.info(`${__dirname}`)

  const result = await graphql(`
{
    allMdx {
      nodes {
        body
        slug
        frontmatter {
          author
          category
          date
          tags
        }
        timeToRead
        id
      }
    }
  }  
  `);

started generating an error React 31.

I then started to experiment with older versions of Gatsby and graphql, but the issue persists.

package.json:

{
  "name": "odyslam.com",
  "version": "1.0.0",
  "private": true,
  "description": "odyslam.com",
  "author": "odyslam",
  "keywords": [
    "gatsby"
  ],
  "scripts": {
    "develop": "gatsby develop",
    "start": "gatsby develop",
    "build": "gatsby build",
    "serve": "gatsby serve",
    "clean": "gatsby clean"
  },
  "dependencies": {
    "@antv/g6": "^4.2.7",
    "@mdx-js/mdx": "^1.6.22",
    "@mdx-js/react": "^1.6.22",
    "@tailwindcss/typography": "^0.4.0",
    "gatsby": "^3.2.1",
    "gatsby-plugin-feed": "^3.3.0",
    "gatsby-plugin-google-analytics": "^3.3.0",
    "gatsby-plugin-image": "^1.3.0",
    "gatsby-plugin-manifest": "^3.3.0",
    "gatsby-plugin-mdx": "^2.3.0",
    "gatsby-plugin-mdx-frontmatter": "^0.0.4",
    "gatsby-plugin-page-creator": "^3.3.0",
    "gatsby-plugin-react-helmet": "^4.3.0",
    "gatsby-plugin-sharp": "^3.4.1",
    "gatsby-plugin-sitemap": "^3.3.0",
    "gatsby-remark-images": "^5.1.0",
    "gatsby-remark-prismjs": "^5.0.0",
    "gatsby-source-filesystem": "^3.3.0",
    "gatsby-transformer-remark": "^4.1.0",
    "gatsby-transformer-sharp": "^3.3.0",
    "mdx-utils": "^0.2.0",
    "prism-react-renderer": "^1.2.0",
    "prismjs": "^1.23.0",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-graph-vis": "^1.0.7",
    "react-helmet": "^6.1.0",
    "react-tsparticles": "^1.26.3",
    "undefined": "file:../.."
  },
  "devDependencies": {
    "autoprefixer": "^10.2.5",
    "gatsby-plugin-postcss": "^4.3.0",
    "postcss": "^8.2.10",
    "tailwindcss": "^2.1.1"
  }
}

Currently, if I remove gatsby-node.js, the website builds for develop, but the development build takes considerably more than (~1 month ago) and the webiste is not accessible. localhost:8000 just loads without actually loading anything.

Sorry to cross-post, but I have spent countless hours on this without any luck. I have also opened #31762 😅

[odyslam]

I am not getting this when I try to use a simple .mdx file using the gatsby plugin. I think that the plugin may be the culprit:

ile: src/pages/about.mdx?type=component:6:61

failed Re-building development bundle - 0.637s
ERROR in ./src/pages/about.mdx?type=component
Module build failed (from ./node_modules/gatsby-plugin-mdx/loaders/mdx-loader.js):
SyntaxError: unknown: Unexpected token (6:61)

  4 | export default function MDXContent(_ref) {
  5 |   var components = _ref.components,
> 6 |       props = _objectWithoutPropertiesLoose(_ref, _excluded);
    |                                                              ^/Users/odys/Github/odyslam.com/new/odyslam.com/src/pages/about.mdx: unknown: Unexpected token (6:61)

  4 | export default function MDXContent(_ref) {
  5 |   var components = _ref.components,
> 6 |       props = _objectWithoutPropertiesLoose(_ref, _excluded);
    |                                                              ^
    at Object._raise (/Users/odys/Github/odyslam.com/new/odyslam.com/node_modules/@babel/parser/src/parser/error.js:134:45)
    at Object.raiseWithData (/Users/odys/Github/odyslam.com/new/odyslam.com/node_modules/@babel/parser/src/parser/error.js:129:17)
    at Object.raise (/Users/odys/Github/odyslam.com/new/odyslam.com/node_modules/@babel/parser/src/parser/error.js:78:17)
    at Object.unexpected (/Users/odys/Github/odyslam.com/new/odyslam.com/node_modules/@babel/parser/src/parser/util.js:179:16)
    at Object.parseExprAtom (/Users/odys/Github/odyslam.com/new/odyslam.com/node_modules/@babel/parser/src/parser/expression.js:1202:20)
    at Object.parseExprAtom (/Users/odys/Github/odyslam.com/new/odyslam.com/node_modules/@babel/parser/src/plugins/jsx/index.js:565:22)
    at Object.parseExprSubscripts (/Users/odys/Github/odyslam.com/new/odyslam.com/node_modules/@babel/parser/src/parser/expression.js:613:23)
    at Object.parseUpdate (/Users/odys/Github/odyslam.com/new/odyslam.com/node_modules/@babel/parser/src/parser/expression.js:593:21)
    at Object.parseMaybeUnary (/Users/odys/Github/odyslam.com/new/odyslam.com/node_modules/@babel/parser/src/parser/expression.js:560:23)
    at Object.parseExprOps (/Users/odys/Github/odyslam.com/new/odyslam.com/node_modules/@babel/parser/src/parser/expression.js:364:23)
    at Object.parseMaybeConditional (/Users/odys/Github/odyslam.com/new/odyslam.com/node_modules/@babel/parser/src/parser/expression.js:329:23)
    at Object.parseMaybeAssign (/Users/odys/Github/odyslam.com/new/odyslam.com/node_modules/@babel/parser/src/parser/expression.js:284:21)
    at Object.parseExpressionBase (/Users/odys/Github/odyslam.com/new/odyslam.com/node_modules/@babel/parser/src/parser/expression.js:208:23)
    at callback (/Users/odys/Github/odyslam.com/new/odyslam.com/node_modules/@babel/parser/src/parser/expression.js:201:39)
    at Object.allowInAnd (/Users/odys/Github/odyslam.com/new/odyslam.com/node_modules/@babel/parser/src/parser/expression.js:2658:16)
    at Object.parseExpression (/Users/odys/Github/odyslam.com/new/odyslam.com/node_modules/@babel/parser/src/parser/expression.js:201:17)
 @ ./src/pages/about.mdx 4:0-61 5:15-25 6:0-52 6:0-52
 @ ./.cache/_this_is_virtual_fs_path_/$virtual/async-requires.js 21:11-23:5
 @ ./.cache/app.js 17:0-52 30:0-86 32:27-40 30:0-86

webpack compiled with 1 error