Как в React с помощью i18next добавлять динамически язык в URL?

Мне нужно добавлять язык в URL т.е. так выглядит URL сейчас http://localhost:3000/, http://localhost:3000/news, а нужно чтобы было так http://localhost:3000/ru, http://localhost:3000/ru/news.

При этом когда кто то будет отправлять ссылку на этот сайт, язык брать нужно из ссылки. Вот мой код. Языки работают, меняются по нажатию.

import i18n from 'i18next'
import HttpApi from 'i18next-http-backend'
import LanguageDetector from 'i18next-browser-languagedetector'
import { initReactI18next } from 'react-i18next'

i18n
    .use(LanguageDetector)
    .use(initReactI18next)
    .use(HttpApi)
    .init({
        supportedLngs: ['ru', 'en', 'kk'],
        fallbackLng: "en",
        detection: {
            order: ["cookie", "localStorage", "htmlTag", "path", "subdomain"],
            caches: ["cookie"],
        },
        interpolation: {
            escapeValue: false
        }
    });

  export default i18n;

Но как добавить в URL автоматически? Есть ли для этого готовые решения?