Next.js でたまにこういうエラーが出てくる。
エラーが出てくるけど、dom は正常に描画されている。
どうやら、HTML タグの使い方がおかしい場合にこのエラーが出てくる事があるようだ。
私の場合は、<table>
タグを使おうとしてこのエラーが出たのだが、<table>
タグを使うときに、 <thead>
と <tbody>
タグをちゃんと使わないと、このエラーになるようだ。
以下だとエラーが出た
<table> <tr><th>ほげ</th><th>ふが</th></tr> <tr><td>hoge</td><td>fuga</td></tr> </table>
<thead>
と <tbody>
を使うとエラーがおさまる。
<table> <thead> <tr><th>ほげ</th><th>ふが</th></tr> </thead> <tbody> <tr><td>hoge</td><td>fuga</td></tr> </tbody> </table>
<thead>
は、テーブルの見出しを表すタグで、 <tbody>
はテーブルのデータ部分を表すタグ。見た目の変化は特にない。