hydration error
Closed this issue · 1 comments
vojtys commented
I have clean installation of remix.js 2.3.0 with @wojtekmaj/react-datetimerange-picker": "^5.5.0".
Warning: Prop `className` did not match. Server: "react-datetimerange-picker__inputGroup__input react-datetimerange-picker__inputGroup__month" Client: "react-datetimerange-picker__inputGroup__input react-datetimerange-picker__inputGroup__day"
input
Input@http://localhost:3000/build/routes/_main._index-S2YIYZ4D.js:3997:19
DayInput@http://localhost:3000/build/routes/_main._index-S2YIYZ4D.js:4066:17
div
DateTimeInput@http://localhost:3000/build/routes/_main._index-S2YIYZ4D.js:4788:23
div
div
DateTimeRangePicker2@http://localhost:3000/build/routes/_main._index-S2YIYZ4D.js:5343:23
div
div
div
div
div
div
Searchbar@http://localhost:3000/build/routes/_main._index-S2YIYZ4D.js:5707:19
div
div
div
Hero@http://localhost:3000/build/routes/_main._index-S2YIYZ4D.js:5958:14
Index
RenderedRoute@http://localhost:3000/build/_shared/chunk-KEN7JI7E.js:3856:7
Outlet@http://localhost:3000/build/_shared/chunk-KEN7JI7E.js:4214:20
MainLayout
RenderedRoute@http://localhost:3000/build/_shared/chunk-KEN7JI7E.js:3856:7
Outlet@http://localhost:3000/build/_shared/chunk-KEN7JI7E.js:4214:20
body
html
Document@http://localhost:3000/build/root-AD5H3IOY.js:337:18
App@http://localhost:3000/build/root-AD5H3IOY.js:449:22
RenderedRoute@http://localhost:3000/build/_shared/chunk-KEN7JI7E.js:3856:7
RenderErrorBoundary@http://localhost:3000/build/_shared/chunk-KEN7JI7E.js:4428:9
DataRoutes2@http://localhost:3000/build/_shared/chunk-KEN7JI7E.js:5069:7
Router@http://localhost:3000/build/_shared/chunk-KEN7JI7E.js:4227:7
RouterProvider2@http://localhost:3000/build/_shared/chunk-KEN7JI7E.js:4894:7
RemixErrorBoundary@http://localhost:3000/build/_shared/chunk-KEN7JI7E.js:7020:5
RemixBrowser@http://localhost:3000/build/_shared/chunk-KEN7JI7E.js:7631:48
I18nextProvider@http://localhost:3000/build/_shared/chunk-P5OR3AU4.js:128:7
wojtekmaj commented
This is the result of guessed locale on the client and on the server being different.
Please refer to documentation. Key phrases to search: locale, format, hydration.