Next.jsでTableタグを使ったら謎のエラーに苦しめられた【解消方法と原因考察】

前置き 入社3ヶ月目の駆け出しフロントエンドエンジニアによる備忘録です。 今回はNext.jsでTableタグを使用した際によく陥るエラーの解消方法と原因考察の記事となります。 解決策だけ知りたい人は さっそくやってみよう から読んで下さい。 ◎ 今回やりたいこと まず Next.js にて Tableタグを、 ・・・ // importとかいろいろ export default function ExampleTable() { const exampleInfos = [･･･]; // tableタグに入力したいデータ return ( <table> {exampleInfos.map((exampleInfo, index) => ( // trタグをデータの数だけ追加 <tr key={index}> <th>{exampleInfo.tableHeading}</th> <t