Chrome のブラウザ拡張の Google Analytics オプトアウトアドオンを使っていると、Remix で hydration エラーに遭遇しました。
1Warning: Expected server HTML to contain a matching <head> in <html>.公式でも言及されていて、SSR 時にサーバーとクライアントで HTML が異なることでエラーが発生します。
Remix 特有ではなく、React の hydration に関する問題です。
今回の場合、Google Analytics オプトアウトアドオンが挿入するスクリプトが原因でした。
回避する方法として、シークレットモードで開けば、基本的には拡張機能はなくなるのでエラーが消えるよとのことでした 😅
