useTranslation hook with Typescript issue

[paulconlin]

I'm currently using i18next v19.1.0 and react-i18next 11.3.1 with Typescript v3.7.2

When passing in a string key to the t function from useTranslation(), it keeps saying -

Expected 0 arguments, but got 1.

I feel like I might just be missing something basic. Any ideas?

[paulconlin]

Found the issue, apologies

[LoLei]

I'm currently facing the same issue (only in Docker though, for some reason.)

Could you share your solution, please? 🙂

[riccardolardi]

Same issue, @LoLei found any solution yet? I get the error only when building the Nextjs project, not in dev-mode though.

[riccardolardi]

Just figured out downgrading i18next to 23.6.0 will get rid of the issue.

[LoLei]

@riccardolardi

I think I solved my case as well, first, to fix it in general, apply this solution: i18next/react-i18next#1601 (comment)

The reason why it happens only in Docker, seems to be the version of yarn, at least for me.

Docker images of node ship with yarn version 1 by default.

Running yarn set version stable (version 3 or 4 is fine) and then re-installing the dependencies with yarn install and rebuilding the project fixes it in Docker for me as well.

[1020850886]

When I upgraded from 23.4.0 to 23.4.1, this error occurred in all places where the t function was used. How can I fix it? @LoLei @riccardolardi @paulconlin

[vizzyo]

i got the same error:

    "i18next": "^24.0.5",
    "jshashes": "^1.0.8",
    "lodash.get": "^4.4.2",
    "miniprogram-ci": "2.0.9",
    "react": "^18.1.0",
    "react-dom": "^18.1.0",
    "react-i18next": "^15.1.3",
    "typescript": "^4.1.0",
    ```

[xpioneer]

I encountered the following TypeScript error during compilation:

ERROR in ./src/pages/login/index.tsx:39:19
TS2554: Expected 0 arguments, but got 1.
37 | useEffect(() => {
38 | const typed = new Typed(el.current, {

39 | strings: [t('introduction')],
| ^^^^^^^^^^^^^^
40 | startDelay: 200,
41 | typeSpeed: 50,
42 | loop: true,

Here's my package.json:

"i18next": "^24.1.2",
"react-i18next": "^15.2.0",
"typescript": "^4.9.5",

I upgraded TypeScript to:

"typescript": "^5.7.2",

After the upgrade, the error was resolved.

---

Analysis:

1. The error occurs because TypeScript 4.9.x's type inference for react-i18next's useTranslation and its t function does not align perfectly with i18next v24.1.2.
2. Upgrading TypeScript to 5.7.2 resolves the issue, likely due to improved type inference or updates in handling react-i18next's type definitions.

---

Solution:

If you encounter this issue, upgrading TypeScript to 5.x or later should resolve it. Alternatively, you could suppress the error by explicitly typing t or updating your type definitions, though upgrading is the most straightforward solution.

[woowalker]

I encountered the following TypeScript error during compilation:

ERROR in ./src/pages/login/index.tsx:39:19 TS2554: Expected 0 arguments, but got 1. 37 | useEffect(() => { 38 | const typed = new Typed(el.current, {

39 | strings: [t('introduction')],
| ^^^^^^^^^^^^^^
40 | startDelay: 200,
41 | typeSpeed: 50,
42 | loop: true,

Here's my package.json:

"i18next": "^24.1.2", "react-i18next": "^15.2.0", "typescript": "^4.9.5",

I upgraded TypeScript to:

"typescript": "^5.7.2",

After the upgrade, the error was resolved.

Analysis:

1. The error occurs because TypeScript 4.9.x's type inference for react-i18next's useTranslation and its t function does not align perfectly with i18next v24.1.2.
2. Upgrading TypeScript to 5.7.2 resolves the issue, likely due to improved type inference or updates in handling react-i18next's type definitions.

Solution:

If you encounter this issue, upgrading TypeScript to 5.x or later should resolve it. Alternatively, you could suppress the error by explicitly typing t or updating your type definitions, though upgrading is the most straightforward solution.

save my life