adobe / adobe/react-spectrum

TimeField component and hydration error (Next.js)

Open
#7,169 18 comments 0 reactions 0 assignees View on GitHub
bug ssr
Dominant language
TypeScript
Stars
15.9k
Forks
1.6k
Avg merge
3d 9m
Merged PRs (30d)
59

Description

### Provide a general summary of the issue here

The TimeFied component triggers a hydration error in Safari and Firefox, but seems to work correctly in Chrome.

### 🤔 Expected Behavior?

No hydration error expected

### 😯 Current Behavior

Screenshot 2024-10-10 at 18 10 50

### 💁 Possible Solution

_No response_

### 🔦 Context

_No response_

### 🖥️ Steps to Reproduce

Repo: https://github.com/pasqualevitiello/rac-timefield-issue
Demo link: https://rac-timefield-issue.vercel.app/

### Version

rac 1.4.0

### What browsers are you seeing the problem on?

Firefox, Safari

### If other, please specify.

_No response_

### What operating system are you using?

macOS 15

### 🧢 Your Company/Team

_No response_

### 🕷 Tracking Issue

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.