Fail to run project: "Module parse failed: Unexpected token", due to coalesing operator

[oliverwatkins]

Screenshot

Description

I have a project where I am using graphql-request:

Version :

"graphql": "^15.5.0",
"graphql-request": "^6.1.0",

When I run the application this is the error I get :

./node_modules/graphql-request/build/cjs/index.js 132:51
Module parse failed: Unexpected token (132:51)
File was processed with these loaders:
 * ./node_modules/react-scripts/node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
|       variables,
|       operationName,
>       jsonSerializer: fetchOptions.jsonSerializer ?? defaultJsonSerializer_js_1.defaultJsonSerializer
|     });
|   }

I think node is having some trouble with the coalescing operator ??.

I am using Node version 16.20.2 so it should be able to handle coalescing operators.

Reproduction Steps/Repo Link

[jonkoops]

Looking at the stack trace, this is coming from babel-loader, so I believe that you are using an outdated version of it which does not support this syntax. Since it is a transitive dependency of react-scripts, you'll likely have to update that to the latest version.