I18n issue - wrong translations appear for the first render (probably)

[KuzMaxOriginal]

To reproduce, set the default locale (e.g. de). For example, in the playground (app/page.tsx) replace this line:

-    const [i18n, setI18n] = useState("en");
+    const [i18n, setI18n] = useState("de");

And the error will appear:

Error: Text content does not match server-rendered HTML.
See more info here: https://nextjs.org/docs/messages/react-hydration-error

Text content did not match. Server: "Mon" Client: "Mo."

It seems to me that the first render happens in English, then in the specified language.

[KuzMaxOriginal]

In my production Next application it worked a bit differently: it showed English for the first time we open the datepicker, then it would change the locale. To prevent this, I had to forcefully rerender the component by updating key.

@onesine, can I create a PR to fix this?