683 questions
- Bountied 0
- Unanswered
- Frequent
- Score
- Trending
- Week
- Month
- Unanswered (my tags)
1
vote
2
answers
83
views
Is it possible to translate an input type="month" with i18next?
I am building a multilanguage platform with the Portuguese, English and Spanish languages using the Javascript translator library i18next.
The following image displays a portuguese activated input ...
0
votes
1
answer
81
views
NextJS hydration error: React children render before async i18next changeLanguage() switch completes
Introduction
Hello everyone,
I have come across an issue with the nature of how NextJS handles asynchronous functions in client components that prevents me from resolving this matter further:
I opted ...
0
votes
0
answers
78
views
How to configure typescript in order to error a missing parameter in react-i18n
I'm starting to implement internationalization with react-i18next and I didn't succeed to fully type the parameters. In the 2 following examples, ts don't complain but there's a required parameter:
// ...
0
votes
0
answers
76
views
Translations re-render on page load
My translations on InertiaJS/React with i18next rerender when page fully loads, which ruins both SEO and animations. when page is initializing, first it loads the en language (even when I change the ...
0
votes
0
answers
76
views
Hydration failed: Server rendered HTML does not match the client when using i18next in Next.js 15 with SSR
I'm building a Next.js 15.1.2 app using React 18.3.1 and I integrated i18n support with the following packages:
[email protected]
[email protected]
[email protected]
i18next-http-...
3
votes
2
answers
386
views
How to use a custom component with the <Trans> component in react-i18next while passing children?
I'm trying to implement a language switch using react-i18next in a React TS app. firstly i added text manually in english and created a TextHighlight component looking like this:
import React from &...
1
vote
1
answer
52
views
Only plain objects can be passed to Client Components from Server Components (i18next + dynamic import)
I'm working on a Next.js app with App Router and I'm implementing localization using i18next with dynamic JSON imports for translations. I'm running into the following error:
Error: Only plain objects,...
0
votes
0
answers
46
views
react-i18next doesn't translate string as expected
I need to implement i18n, and this tutorial looked relatively simple for a newb like me
This is my i18n.ts
import i18n from 'i18next';
import {initReactI18next} from 'react-i18next';
import {...
1
vote
0
answers
47
views
Next.js import from local next-i18next.config.ts tries to resolve from node_modules and fails
I built a simple Next.js app and added internationalization using next-i18next. However, when I try to import my local configuration from ./next-i18next.config, it tries to resolve the file from ...
0
votes
1
answer
128
views
Is there a way to use lazy load in conjunction with initial resources for `react-i18next`?
I'm using i18next with React and Vite for loading the translation for my app. In the app, I have a child component that allows users to set a banner message in some languages, and it uses a key from ...
0
votes
0
answers
33
views
Dynamic data translation and react-i18next
I don't understand why dynamic string translations won't work on this code.
Static strings are translated but not the dynamic values, even though they are in the same translation files.
selectedSku ? (...
0
votes
0
answers
37
views
react-i18next - new localization namespace not recognized as parameter for useTranslation
I'm currently extending a storefront that uses next.js, but I can't find out how to add a translation namespace that is recognized by react-i18next. The shop already had a next.i18next.conf.js file, ...
0
votes
0
answers
124
views
How to Dynamically Load Translations with i18next Using a Nested Folder Structure?
I'm working on a project that we're using react-i18next remix-spa for localization, and I want to organize my translation files in the following folder structure:
/locales
├── /pages
│ ├── /...
-1
votes
1
answer
163
views
How to write missing translations to file?
in my React app I have i18n configured like this:
import i18n from "i18next";
import { initReactI18next } from "react-i18next";
import HttpApi from 'i18next-http-backend';
i18n
....
0
votes
1
answer
54
views
How to handle html table in react i18n?
I am having table structure with the text. I want to localize it using react-i18next.
Using Trans, it supports basic html tags like . However, I am having email template as follows:
<table><...