React(next.js)とかで開発してる時に深い階層のObjectデータをデバッグ用に吐き出すならconsole.log()ではなく、console.dir()

なんてことはない話なのかもしれないですが…こんな書き方知らなかったよ！ということで。
普通にフロントエンドのjavascriptならconsole.log()でいいんですよ。
ただ、reactなどのバックエンドjavascriptでは普通にconsole.log()を使うと多段の階層では表示されない問題が起きます。

結論で言うとこのように書けばOK。

console.dir(targetVariable, {depth: null})

どうやら、console.log("%o",targetVariable) も行けたらしいんですが、第4階層までだったので、これじゃないと無理かなと。

参考にした記事とか