Module parse failed: @walletconnect/sign-client

Description

I get this error when I yarn start my react project

./node_modules/@walletconnect/sign-client/dist/index.es.js 317:19
Module parse failed: Unexpected token (317:19)
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.
|             w = {
|         requiredNamespaces: s,
>         relays: r ?? [{
|           protocol: W
|         }],

@walletconnect/sign-client version 2.0.0.rc2

[bradleySuira]

Hi all found the same issue when was trying to add WC to our project

it’s a Vuejs project so at the end I had to put this in the custom web pack config (chainWebpack inside vue.config.js)

config.module
      .rule('walletConnect')
      .test(/node_modules[\\/]@walletconnect/)
      .use('babel-loader')
      .loader('babel-loader')

[mrosendin]

Hi @IljaDaderko thank you for your response. The project is private unfortunately but I was able to solve the problem using this SO answer: https://stackoverflow.com/a/67543975/4198841

A few other details: the project is using ESNext which includes support for the nullish coalescing operator, so as the SO answer suggests, it’s due to a Babel transpilation issue for the targeted browsers in package.json.