I’m using react-i18next in my SSR supported app. I have two issues:
I can’t get them to initialize/work on the server, so it’s not working for SSR. This is not user friendly and also prevents hydration to due to mismatches…
Here’s the initialization/startup file in the server:
import { Meteor } from 'meteor/meteor';
import { Accounts } from 'meteor/accounts-base';
import { onPageLoad } from 'meteor/server-render';
import React from 'react';
import { Routes, Route } from 'react-router-dom';
import { StaticRouter } from 'react-router-dom/server';
import { renderToString } from 'react-dom/server';
import { Helmet } from 'react-helmet';
import { I18nextProvider, useSSR } from 'react-i18next';
import i18n from '/imports/startup/i18n';
import AppRoutesSSR from '../../ssr/AppRoutes';
import './api';
import './migrations';
const { cdn_server } = Meteor.settings;
Meteor.startup(() => {
const smtp = Meteor.settings?.mailCredentials?.smtp;
show original
Here’s where I implemented the i18n configuration:
import { Meteor } from 'meteor/meteor';
import { Tracker } from 'meteor/tracker';
import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';
import I18NextHttpBackend from 'i18next-http-backend';
import LanguageDetector from 'i18next-browser-languagedetector';
import yaml from 'js-yaml';
const { cdnserver } = Meteor.settings;
const allLangs = [
{
value: 'en',
label: 'English',
},
{
value: 'sv',
label: 'Svenska',
},
{
show original
What am I doing wrong/missing?
Thanks!
1 Like