SyntaxError: Unexpected token with simple React/JSX component

I’m a bit embarrassed having to open this issue here, but I’ve been stuck for a few hours. I have a trivial React component

import React from "react"
import { Trans } from "react-i18next"

export default function() {
  return (
    <div>
      <Trans i18nKey="key" />
    </div>
  )
}

and the latest versions of i18next and i18next-scanner. But all I get is

i18next-scanner: Unable to parse Trans component from "XXX/src/routes/Home/Component.js"
    SyntaxError: Unexpected token (7:20)

Any ideas what I might be doing wrong?

Version

• i18next: 15.0.7
• i18next-scanner: 2.10.0

Configuration

{
  input: [
    "src/routes/Home/Component.js",
  ],
  output: "./",
  options: {
    debug: true,
    func: {
      list: ["t"],
      extensions: [".js"],
    },
    trans: {
      component: "Trans",
      i18nKey: "i18nKey",
      extensions: [".js"],
    },
    lngs: ["en", "de"],
    ns: ["translations"],
    defaultLng: "de",
    defaultNs: "translations",
    defaultValue: "__STRING_NOT_TRANSLATED__",
    resource: {
      loadPath: "src/i18n/{{lng}}/{{ns}}.json",
      savePath: "src/i18n/{{lng}}/{{ns}}.json",
      jsonIndent: 2,
      lineEnding: "\n",
    },
    keySeparator: ".",
  },
}

[misto]

That did it! 😃 Thank you very much!

[cutterbl]

@kenzouno1 I had the same issue. I completely removed my ‘lock’ file, deleted node-modules, reinstalled (including latest acorn as a dependency), and still got the errors. I finally got around it by adding a “resolutions” entry to my package.json, pointing to the internal acorn version.

"resolutions": {
    "i18next-scanner/**/acorn": "6.1.1"
  }