[Next.js] Pretended Pageというアイコンが消せない

Question

最近Next.jsを学習しているのですが、
デフォルトで入っている右下のPretended Pageというアイコンがどうしても消えてくれません。

dev toolsを見ると#container.visibleで当たっているようなので
global.cssで#container.visible {display:none;}をすれば消えるのかと思いきや、
棒線引かれて無効化されてしまいます。

/* styles/global.css */
#container.visible {
  display: none;
}

どうすれば、このアイコンを消せるでしょうか？
このアイコンが消えないとそもそもアプリにした際に邪魔で仕方ありません。

Answer 1

公式ドキュメントに非表示にする方法が書いていました。

公式ドキュメント

// next.config.js
module.exports = {
    devIndicators: {
      autoPrerender: false, // falseにする
    },
}

編集後

$ ^c
$ npm run dev