JSON を最も簡単にブラウザで表示する方法

API から返ってきた JSON をブラウザに表示して確認したいこと、ごくまれにありますよね。

import { useJson } from "@/api";

export function Page() {
  const { data } = useJson();

  return (
    <>
      <div>data:</div>
      <pre>{JSON.stringify(data, null, "\t")}</pre>  {/* ← これだけ */}
    </>
  );
}