Skip to content

DatePicker - Internationalization server client mismatch [NextJS 14.1.0 App Router] #6216

Open
@thomaswanhpls

Description

@thomaswanhpls

Provide a general summary of the issue here

NextJS 14.1.0 using App Router
When using DatePicker as instructed in documentation server client mismatch occurs.

To mitigate a rerender on client (adapting language) for some of the components we need to provide language information on server

I've followed the steps provided here

datepicker

🤔 Expected Behavior?

The component should get correct language on SSR and not need to correct it on client.

😯 Current Behavior

The component doesn't render correct language on SSR, corrects on client resulting in a server client mismatch

💁 Possible Solution

No response

🔦 Context

No response

🖥️ Steps to Reproduce

https://stackblitz.com/edit/nextjs-arbvzx?file=components%2FDatePicker.tsx

Version

react-aria-components 1.1.1

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

Windows 10

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    • Status

      📋 Waiting for Sprint

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions