Как использовать Inertia SSR с i18next для поддержки локализации

Я настроил React i18next с инерцией, и он работает без режима SSR.

Мои маршруты имеют следующий стиль:

Я импортировал этот файл i18n.js в app.jsx и больше ничего не импортирую ./utlis/i18n.js'; И я использовал хук useTransltion() в компонентах, которые мне нужно перевести.

Я прикрепил изображение, чтобы показать фрагмент codeа, который я подготовил для конфигураций i18n.

Я был бы признателен, если бы вы помогли мне решить эту ошибку: react-i18next:: Вам нужно будет передать экземпляр i18next с помощью initReactI18next

Это моя конфигурация файла i18n.js:

Я думаю, что мне нужно внести некоторые изменения в app.jsx или ssr.jsx но я не знаю, какой файл правильный, и не могу найти, какие изменения мне нужны.

react-i18next:: You will need to pass in an i18next instance by using initReactI18next
Error: Ziggy error: 'locale' parameter is required for route 'application.home.index'.

import { useTranslation } from 'react-i18next';
const { t, i18n } = useTranslation();
route('application.home.index', {locale: i18n.language})

import i18n from "i18next";
import { initReactI18next } from "react-i18next";
import Backend from "i18next-http-backend";
import LanguageDetector from "i18next-browser-languagedetector";

i18n.use(Backend)
    .use(initReactI18next) 
    .use(LanguageDetector)
    .init({
        detection: {
            order: ["path", "htmlTag"],
        },
        fallbackLng: "en",
        interpolation: {
            escapeValue: false, 
        },
    });

export default i18n;