エラー集3 Hydration failed

Hydrationとは

Next.jsでは生成されたHTMLが、そのページに必要な最小限のJavaScriptのコードと関連付けられることで、ブラウザがページを読み込んだ際に、そのJavaScriptが実行されページが操作可能（インタラクティブ）になります。この過程をHydrationといいます。