How to enable i18n and nprogress client-side ?

const router = createRouter();

const i18nInstance = await initI18n();

NProgress.configure({ showSpinner: false, parent: "body" });

router.subscribe("onBeforeLoad", (event) => {
    if (event?.fromLocation?.pathname === event.toLocation.pathname && event.fromLocation.hash !== event.toLocation.hash) {
        return;
    }
    NProgress.start();
});

router.subscribe("onResolved", (_event) => {
    NProgress.done();
});

hydrateRoot(
    document,
    <I18nextProvider i18n={i18nInstance}>
        <StartClient router={router}/>
    </I18nextProvider>
);

react-i18next:: useTranslation: You will need to pass in an i18next instance by using initReactI18next { code: 'NO_I18NEXT_INSTANCE' }