Error: I18nextWithTranslation suspended while rendering, but no fallback UI was specified
By default useSuspense is set to true so React needs fallback UI. Setting useSuspense to false will solve your problem as React will not need fallback UI anymore.
i18n .init({ react: { useSuspense: false } });
I had the same problem and I've solved wrapping my render on <Suspense>
, you can find more info here https://reactjs.org/docs/react-api.html#reactsuspense
And in i18next said the same in its documentation https://react.i18next.com/latest/using-with-hooks#translate-your-content
-
also
i18n .init({ react: { useSuspense: false } });
The previous code works, but left many warnings, the best way is use <Suspense>
Can you provide a more specific example on the error situation? I have try my best simulate in sandbox (https://codesandbox.io/s/10j2xw6j3), but I can't reproduce the case.
p.s. This should be added in comment, but stackoverflow stop new users from doing that. So I post here and edit later