axiom like json stringify formatter. https://i.imgur.com/nM3x94w.png

index.tsx

interface CustomObject {
  [key: string]: unknown;
}

const formatObject = (obj: CustomObject): JSX.Element => (
  <span>
    {"{"}
    {Object.keys(obj).map((key, index) => (
      // eslint-disable-next-line react/no-array-index-key
      <span key={index}>
        <b>{key}</b>:{" "}
        {typeof obj[key] === "object"
          ? formatObject(obj[key] as CustomObject)
          : (obj[key] as string)}
        {index < Object.keys(obj).length - 1 && ", "}
      </span>
    ))}
    {"}"}
  </span>
);