remix
remix copied to clipboard
Dev server not working properly on Safari browser
Reproduction
- Initialize any remix template
- Start dev server and open it inside Safari
- Update the
routes/_index.tsx
(add any html element) - Refresh the dev site on Safari
System Info
System:
OS: macOS 14.5
CPU: (10) arm64 Apple M2 Pro
Memory: 95.53 MB / 16.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 20.10.0 - /opt/homebrew/opt/nvm/versions/node/v20.10.0/bin/node
Yarn: 1.22.22 - /opt/homebrew/bin/yarn
npm: 10.2.3 - /opt/homebrew/opt/nvm/versions/node/v20.10.0/bin/npm
bun: 1.1.13 - /opt/homebrew/bin/bun
Watchman: 2024.06.24.00 - /opt/homebrew/bin/watchman
Used Package Manager
npm
Expected Behavior
It should render updated change without any hydration error.
Actual Behavior
Error: Hydration failed because the initial UI does not match what was rendered on the server
Because server is responding with latest code and client is rendering old code.