Warning: Prop `aria-label` did not match

[Muhameti-centralsoft]

Before you start - checklist

• [X] I followed instructions in documentation written for my React-Calendar version
• [X] I have checked if this bug is not already reported

Description

The first time the calendar is displayed I get the following warning.

Warning: Prop aria-label did not match. Server: "August 1, 2023" Client: "1 August 2023"

Steps to reproduce

Go to the page where react-calendar is displayed and maybe refresh the page.

Expected behavior

There is no warning

Actual behavior

There is a warning

Additional information

No response

Environment

• Browser (if applicable):
• React-Calendar version:
• React version:

[wojtekmaj]

In SSR mode, the server side rendered component has no way of knowing what the browser's preferred locale might be, so it defaults to its own, likely 'en-US'. Browser's preferred locale is passed to the server in Accept-Language HTTP header. You would need to figure out which locale to use based on this header. get-user-locale might help.

Easier alternative: provide hardcoded locale.

[Muhameti-centralsoft]

Many thanks! It solved the issue for me :)