An error occurred when I try to change translations provider

[b4rb13]

I try to comment 'locales' section in 'config' object and add my own provider with i18n

`

// app.tsx  

import React from 'react';
import MyI18nextProvider from '@/providers/I18nextProvider';

export function rootContainer(container: React.ReactNode) {
  return React.createElement(MyI18nextProvider, null, container);
}

//  I18nextProvider.tsx

import React, { ReactNode } from 'react';
import i18n from 'i18next';
import { I18nextProvider } from 'react-i18next';
import Backend from 'i18next-http-backend';

i18n.use(Backend).init({
  lng: 'en',
  whitelist: ['en', 'hy'],
  ns: [
    'common'
  ],
  defaultNS: 'common'
});

type Props = {
  children: ReactNode;
};

function MyI18nextProvider({ children }: Props) {
  return <I18nextProvider i18n={i18n}>{children}</I18nextProvider>;
}

export default MyI18nextProvider;

`

when I open for example 'DateFilter' page I get an error

I use "react-i18next"-s "useTranslation" hook

here is DateFilter component

`

import React, { useState } from 'react';
import { DatePicker, Dropdown, Menu, Space } from 'antd';
import { DownOutlined } from '@ant-design/icons';
import type { RangePickerProps } from 'antd/es/date-picker/generatePicker';
import type moment from 'moment';
import { useTranslation } from 'react-i18next';

const { RangePicker } = DatePicker;

type RangePickerValue = RangePickerProps<moment.Moment>['value'];

const DateFilter = ({
  rangePickerValue,
  selectDate,
  handleRangePickerChange
}: {
  rangePickerValue: RangePickerValue;
  selectDate: (key: 'today' | 'week' | 'month' | 'year') => void;
  handleRangePickerChange: (
    dates: RangePickerValue,
    dateStrings: [string, string]
  ) => void;
}) => {
  const { t } = useTranslation('dashboard');

  const [selectedDateType, setSelectedDateType] = useState(
    t('dateFilter.allDay', 'All Day')
  );

  return (
    <Space>
      <RangePicker
        value={rangePickerValue}
        onChange={handleRangePickerChange}
        style={{ width: 320 }}
      />
    </Space>
  );
};

export default DateFilter;

`
Why I get this error and how can I use this translation tool without problems?

P.S. I need to use this translation mechanism inside routes.ts file too.