フロントエンドカンファレンス沖縄2023
LT 5分

君たちはどうHydration Errorを解消するか

shikachii shikachii shikachii
2

Next.jsの開発時に、クライアントとサーバーのレンダリング結果の差異を解消する「Hydration」の過程でエラーが起こることがあります。これをHydration Errorといい、React18からエラーとして扱われるようになりました。

今回はこのHydration Errorについて、原因や解決方法などをご紹介します!

内容

  • 具体的なシチュエーションと、なぜ問題なのか
  • エラーに対する効果的な解決策
  • 共存するためのtips