【Next.js】Warning: X did not match.Server: y Client: z は絶対に解消しろ - Qiita【Next.js】Warning: X did not match.Server: y Client: z は絶対に解消しろReactNext.js 追記 (2022/04/19) React18より、この記事で解説している内容はワーニングからエラーへ引き上げられました。 この記事で解説しているのは、React17の頃にワーニングレベルであったこの警告を「なぜ放置してはいけないか」ということについてです。 残念ながら 「どうやって解消すべきか」については触れていません ので、問題解決を急ぎたい方は、今すぐこの記事を閉じて他の記事を探してください。 結論 パフォーマンスに与える影響が非常に大きい。 「コンソールにワーニング出てるけど、レンダリングされる結果は問題ないからいいか」ぐらいの軽い気持ちで無視すると痛い目を見る Warning解消前 Warning解消後
