Ant design, config provider locales unmounting components

779 views Asked by At

I have react application with ant design . Any time i chage "locale" prop from/to EN it will unmount all children components:

import { ConfigProvider } from 'antd';
import enUS from "antd/lib/locale/en_US";
import zhCN from "antd/lib/locale/sk_SK";

<ConfigProvider locale="this.state.locale">
   <AnyChild key="even with const key will unmount" />
</ConfigProvider>

here are 2 same sandbox. only change is locale. First is using EN, second do not

sandbox WITH english language

sandbox WITH NO english language

You can see in console log that the one with english locales will unmount child component. Does anyone know why is it, and how can make Provider with EN locale that won't unmount components?

0

There are 0 answers