青いやつの進捗日記。

メモとしてべんきょうのしんちょくをかいていきます。あとで自分が検索しやすいもん

【メモ】Hydrationエラー って何 React18でHydrationエラーとやらが起こるらしい

zenn.dev

v3.ja.vuejs.org

HTMLがそのページに必要なJavaScriptを読み込んで動的なDOMを生成する過程ことを言うのかな?

React18でHydrationエラーが起きるようになったらしいので、React18にあげるなら直すしかない

blog.ojisan.io

zenn.dev

なぜ起こるかというと、サーバーサイドのHTMLとクライアントサイドで生成されたHTMLが違うとエラーが起こる。不正なHTMLはブラウザ側で自動で直す(全部ではない)ので、その結果サーバーサイドのHTML(不正な構文エラーが起きているHTML)と違ってしまうかららしい