All Questions
Tagged with i18next react-i18next
421 questions
0
votes
0
answers
49
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
0
votes
0
answers
49
views
ReactI18nextProvider does not trigger re-render on language change with i18next and NextJs
I'm building a NextJs application using react-i18next and want to dynamically change the language based on the locale prop. I'm implementing a custom I18nextProvider to manage the i18n instance and ...
- 8,571
0
votes
0
answers
40
views
react i18n transalation files issue
I am trying i18n in react. I have files structure like below
src/i18n/i18n.js => Part of this file is below
import Backend from "i18next-http-backend";
await i18n
.use(Backend) // ...
- 474
0
votes
1
answer
85
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
....
- 185
0
votes
1
answer
27
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><...
- 1,003
0
votes
0
answers
71
views
i18next not loading in chrome extension
I am trying to add internationalization and dynamic language change in the chrome extension. This is not possible using chrome.i18n API. So I am using i18next with react-i18next. I have configured the ...
- 11
0
votes
1
answer
65
views
Spring Boot, React and i18next translations cause error reading 'useMemo'
I have been trying to add i18next translations to my Spring Boot and React project, but no matter what I try, as soon as I add the I18nextProvider to my App.js (or anywhere else), I get this error:
...
0
votes
1
answer
75
views
Autocompletion for useTranslation Hook not working for different namespace
I'm using React-i18next ^15.1.0 and Typescript ^5.6.3 and trying to make the autocompletion to work. I have followed both tutorial (https://locize.com/blog/i18next-typescript/) and (https://www....
- 2,073
0
votes
0
answers
53
views
How to use multiple middlewares with NextAuth and i18n in Nextjs
I had NextAuth working well with the default middleware from NexAuth, but now that I added a middleware from i18n i don't know how to combine them.
The middleware from i18n is working, but nextAuth ...
0
votes
1
answer
55
views
How to use React Suspense for part of a translation (such as with Trans component)
See https://codesandbox.io/p/devbox/i18n-trans-component-with-suspense-p4jt2t?workspaceId=3104452f-3c7c-4688-a065-c2cdc2657c24
What is the right way to use the Trans component (or alternative) to ...
- 24.2k
0
votes
0
answers
62
views
How to use i18next nesting features with i18next-icu format
Im using i18next-icu for following icu format.
{
"nesting1": "1 $t(nesting2)",
"nesting2": "2 $t(nesting3)",
"nesting3": "3&...
0
votes
0
answers
86
views
Issue with Language Switching in Next.js 14 with i18next
I’m using Next.js 14 and i18next for language switching, but I’m encountering a problem when navigating between routes.
Framework and Libraries:
"next": "14.2.13",
"i18next&...
- 67
2
votes
1
answer
362
views
Difference between useTranslation and direct import from i18next
Is there any practical difference between importing the useTranslation hook, then getting the t() function from it:
import { useTranslation } from 'react-i18next';
// Inside a component:
const { t } =...
- 1,360
1
vote
1
answer
469
views
Can't use i18n with next.js
I have a Next.js 14.2.12 app that works fine. I've been trying to add i18n to it so it can be viewed in both Valencian and Spanish, but it seems like I always end up getting the same error:
TypeError: ...
- 67
0
votes
0
answers
57
views
i18next - handle routes by myself
I would like to manually create the routes in NextJS /en, /es, /pt and send the current language to next-i18next.
Is there any manual way to tell next-i18next (appWithTranslation) which language ...
- 185