How to use locales?

[MitkaZ7]

Try to migrate from CRA to rsbuild. In my project on CRA I have i18n functionality, simply. It works with this config:

import { initReactI18next } from "react-i18next";
import Backend from 'i18next-http-backend';
i18n
    .use(Backend)
    .use(initReactI18next)
    .init({
        // lng: 'en',
        fallbackLng: 'en',
        detection: {
            order: ['queryString', 'cookie'],
            cache: ['cookie']
        },
        interpolation: {
            escapeValue: false
        },

        
    })

And i have this structure of "public" folder of project (just add "locales" folder to default file structure of "public" folder):

public
├── locales
│   ├── en
│   │   ├── translation.json
│   ├── zh
│   │   ├── translation.json
│── index.html
│── manifest.json
│── favicon.ico
│──  robots.txt

And im my components i use

import { useTranslation } from 'react-i18next';
const { t } = useTranslation();
<h1 className='intro__title'>{t('intro-title')}</h1>

on rsbuild it doesnt work in dev serv, and i think in production mode it also will not work.
And more, now in console i cacth an error "react-i18next:: You will need to pass in an i18next instance by using initReactI18next".

But I it was working without this error on CRA.