remix icon indicating copy to clipboard operation
remix copied to clipboard

Dev server not working properly on Safari browser

Open slmn-sh opened this issue 6 months ago • 7 comments

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.

slmn-sh avatar Aug 10 '24 16:08 slmn-sh