URL: https://keystar.design/package/date-time/date-picker
Description:
When opening the DatePicker page above, the DevTools Console logs a React error as soon as the page finishes loading:
Error: Minified React error #418; visit https://react.dev/errors/418?args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
This is a hydration mismatch between the server-rendered content and the client render. In my testing, the page content still displayed after React recovered from the error, but I've seen reports of some users seeing no content at all, only an error.
Steps to reproduce:
Step 1 - Open https://keystar.design/package/date-time/date-picker
Step 2 - Open DevTools and switch to the Console tab
Step 3 - Observe the "Minified React error #418" logged as soon as the page loads
Expected result: The page displays all DatePicker examples with no hydration error in the console.
Actual result: The console logs React error #418 (hydration failed), and some users report seeing no page content at all.
Environment: Chrome, tested on 2026-07-19.
URL: https://keystar.design/package/date-time/date-picker
Description:
When opening the DatePicker page above, the DevTools Console logs a React error as soon as the page finishes loading:
This is a hydration mismatch between the server-rendered content and the client render. In my testing, the page content still displayed after React recovered from the error, but I've seen reports of some users seeing no content at all, only an error.
Steps to reproduce:
Step 1 - Open https://keystar.design/package/date-time/date-picker
Step 2 - Open DevTools and switch to the Console tab
Step 3 - Observe the "Minified React error #418" logged as soon as the page loads
Expected result: The page displays all DatePicker examples with no hydration error in the console.
Actual result: The console logs React error #418 (hydration failed), and some users report seeing no page content at all.
Environment: Chrome, tested on 2026-07-19.