Changing AntD locale dynamically

Hello devs, it's new year and here i'm struggling with React and AntD.
I'm trying to change AntD locale dynamically. As documentation refers, AntD has a context that wraps , its receives 'lang' as a prop.
So here i'm doing this dumb thing:

import i18n from './i18n'

ReactDOM.render(
  <React.StrictMode>
    <ConfigProvider locale={i18n.languages[0]}>
      <App />
    </ConfigProvider>
  </React.StrictMode>,
  document.getElementById('root'),
)

And of course, when i change the language nothing happens, the docs says that we have to set up a local state or so, but i'm really lost there. Any idea?

Comments

[Benjioe]

Can you put your code in a CodeSandbox ?

[Dennis Quesada Cruz]

Thanks Benjioe, i did it. The thing is that i wasnt using a reactive variable to reffer the current lang, so never gets notified that something changed. Anyway thanks!!