React JS: syntax error unexpected token '?.'

Question

Iam getting this error on all of my .js files

Syntax error: BreadCrumb.js: Unexpected token (114:43)

  112 |         v={visible}
  113 |         b={barrs}
> 114 |         nameBartagemAttxl={currentBartagem?.Name || ""}
      |                                            ^
  117 |       />

I've tried many config on my tsconfig.json but nothing works...

My guessing is that all the .js files arent recognizing a more recent version of the 'ES'

Any ideias?

this is my tsconfig.json configuration file at the moment

{
  "compilerOptions": {
    "experimentalDecorators": true,
    "suppressExcessPropertyErrors": true,
    "target": "es6",
    "lib": [
      "es6",
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": false,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "checkJs": false,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "strictNullChecks": false,
    "forceConsistentCasingInFileNames": true,
    "strictPropertyInitialization": false,
    "module": "esnext",
    "noImplicitAny": false,
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "preserve"
  },
  "include": [
    "./src/**/*.ts",
    "./src/**/*.tsx"
  ],
  "exclude": [
    "src/**/*.js",
    "src/**/*.jsx",
  ]
}

this is my version TypeScript: "typescript": "3.7.2"

You may need to update the `target` config in tsconfig to be `es2020` — Yash Joshi, Sep 27 '21 at 14:37
@RobertoZvjerković arent there a way to .js files reconize the versions of es6 or newer? — Philipi Altoe, Sep 27 '21 at 14:43
This is because currentBartagem is not an object with the property Name. Most likely it is a different variable type. — Steve Tomlin, Sep 27 '21 at 14:43
@SteveTomlin the property is just fine, if I remove the '?.' operator it work, but i need that operator there and all the other files — Philipi Altoe, Sep 27 '21 at 14:45
Then again it might be because you need to include equivalent of - "@babel/plugin-proposal-optional-chaining in your typescript config. - See this : https://stackoverflow.com/questions/58725711/how-to-get-optional-chaining-working-in-typescript. "Set the language to es2020 (or below) and ?. and ?? will get transpiled to compatible code:" — Steve Tomlin, Sep 27 '21 at 14:45
@RobertoZvjerković optional operator is not only-TS construct. It is supported by JS too (by newer versions). — Shivam Singla, Sep 27 '21 at 14:48

React JS: syntax error unexpected token '?.'

0 Answers0