Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Hydration error on dates in collection list views #10044

Open
Ma-Kas opened this issue Dec 18, 2024 · 1 comment
Open

Hydration error on dates in collection list views #10044

Ma-Kas opened this issue Dec 18, 2024 · 1 comment
Labels
status: needs-triage Possible bug which hasn't been reproduced yet

Comments

@Ma-Kas
Copy link

Ma-Kas commented Dec 18, 2024

Describe the Bug

Having any column with a field of type date visible in the list view causes a hydration error when server and client are in different timezones.

Image

This is essentially an extension of #6796, which, as far as I can tell, was resolved for the DocumentControls, but not for the list view.

The recently implemented suppressHydrationWarning prop would help, but to apply it to the respective cells, custom components would need to be created.

Link to the code that reproduces this issue

https://github.com/ja-soph/payload-hydration-error-example

Reproduction Steps

  • Set your TZ environment variable to a different timezone than your local one
  • Create a collection that uses a date field (or the default timestamps)
  • Visit the list view of said collection

Which area(s) are affected? (Select all that apply)

area: ui

Environment Info

payload: 3.8.0
next: 15.1.1
Node: 20.9.0
@Ma-Kas Ma-Kas added status: needs-triage Possible bug which hasn't been reproduced yet validate-reproduction labels Dec 18, 2024
Copy link
Contributor

Please add a reproduction in order for us to be able to investigate.

Depending on the quality of reproduction steps, this issue may be closed if no reproduction is provided.

Why was this issue marked with the invalid-reproduction label?

To be able to investigate, we need access to a reproduction to identify what triggered the issue. We prefer a link to a public GitHub repository created with create-payload-app@beta -t blank or a forked/branched version of this repository with tests added (more info in the reproduction-guide).

To make sure the issue is resolved as quickly as possible, please make sure that the reproduction is as minimal as possible. This means that you should remove unnecessary code, files, and dependencies that do not contribute to the issue. Ensure your reproduction does not depend on secrets, 3rd party registries, private dependencies, or any other data that cannot be made public. Avoid a reproduction including a whole monorepo (unless relevant to the issue). The easier it is to reproduce the issue, the quicker we can help.

Please test your reproduction against the latest version of Payload to make sure your issue has not already been fixed.

I added a link, why was it still marked?

Ensure the link is pointing to a codebase that is accessible (e.g. not a private repository). "example.com", "n/a", "will add later", etc. are not acceptable links -- we need to see a public codebase. See the above section for accepted links.

Useful Resources

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
status: needs-triage Possible bug which hasn't been reproduced yet
Projects
None yet
Development

No branches or pull requests

1 participant