astro-i18next type error on local builds

[clee231]

I'm trying to build this project locally, however visiting the local dev server after running yarn start:build returns an error regarding the language selector.

23:59:13 [200] /en/ 83ms
23:59:13 [ERROR] Cannot read properties of undefined (reading 'map')
  Stack trace:
    at /home/clee231/works-on-woa/node_modules/astro-i18next/src/components/LanguageSelector.astro:26:19
    at AstroComponentInstance.init (/home/clee231/works-on-woa/node_modules/astro/dist/runtime/server/render/astro/instance.js:33:29)
    at Object.render (/home/clee231/works-on-woa/node_modules/astro/dist/runtime/server/render/component.js:343:22)

I've tried building this project using Node 20 and 21, but both return the same error.

It seems to be referring to this https://github.com/yassinedoghri/astro-i18next/blob/v1.0.0-beta.21/src/components/LanguageSelector.astro#L26, where i18next.languages seems to be not defined. Is there a configuration file that needs to be updated?

[ejadib]

Hi @clee231,

It seems the issue arises because the i18next dependency is installed twice:

• Directly from the package.json
• Indirectly through the astro-i18next module.

As a result, while i18next.language is configured, the build process is using the incorrect instance of i18next.

To resolve this, you’ll need to remove the i18next dependency bundled with the astro-i18next module and then rebuild the project.

Specifically, delete the following folder: node_modules\astro-i18next\node_modules\i18next

Let me know if this resolves the issue!

[clee231]

Hello @ejadib,

Thank you for the in-depth explanation. This does seems resolve the runtime issue! Thank you! 😊

Browsing through the code, I only see a few references to astro-i18next. I'm wondering if removing the astro-i18next dependency and just implementing a LanguageSelector component within this project would be a longterm fix.