Admin panel error Hydration failed

[alireza-asgharii]

Describe the Bug

This error is displayed when I load the admin panel for the first time.

Link to the code that reproduces this issue

https://github.com/alireza-asgharii/mini-digi-v2

Reproduction Steps

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

Not sure, area: ui

Environment Info

Binaries:
  Node: 22.11.0
  npm: N/A
  Yarn: N/A
  pnpm: N/A
Relevant Packages:
  payload: 3.24.0
  next: 15.2.1
  @payloadcms/db-mongodb: 3.24.0
  @payloadcms/graphql: 3.24.0
  @payloadcms/next/utilities: 3.24.0
  @payloadcms/plugin-cloud-storage: 3.24.0
  @payloadcms/richtext-lexical: 3.24.0
  @payloadcms/storage-s3: 3.24.0
  @payloadcms/translations: 3.24.0
  @payloadcms/ui/shared: 3.24.0
  react: 19.0.0
  react-dom: 19.0.0
Operating System:
  Platform: win32
  Arch: x64
  Version: Windows 11 Enterprise
  Available memory (MB): 24395
  Available CPU cores: 4

[r1tsuu]

The reproduction link is invalid, but I can answer:
This was likely caused by a browser extension that changes styles, like dark screen reader, try to disable them or use incognito, I don't think we observe any hydration errors in Payload unless you use extensions,. Converting to a discussion so this thread won't get locked.