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