Reactなどで高速で開発環境を作成できるCodeSandboxと言うツール(サイト)があります。
こちらのサイトでGitHubと連携するとUIが変わり、consoleなどの位置がわからなくなります。
このUI変更をもとに戻す方法を探すために「codesandbox UI変わる」などで調べても記事が出てこなかったので原因はわからないので、もしご存知の方がいれば教えていただけますと幸いです。
ともあれ、このままではどこを探してもconsoleを見つけることができなかったのでReactの学習をしようにもデバックが捗らず難航します。
そのため、暫定の解決方法を見つけたので共有します。
結論
画像の右側のレンダリングされているブラウザのさらに右上の「・・・」の左のマークをクリックします。
すると新たなタブでこのHTMLが表示されます。
あとはそのタブで右クリックして「検証」を押すとconsoleをみることができます。
後書き
もし根本原因をご存知の方がいらっしゃれば教えていただけると嬉しいです!