Utility React Tailwind Component for printing an object to the screen for building and debugging

PrintObject.tsx

import React from "react"

const PrintObject: React.FC<{ object: Record<string, unknown> }> = ({ object }) => {
  return (
    <pre className="w-full max-w-5xl overflow-scroll text-sm border bg-black text-white rounded p-2 ">
      <code>{JSON.stringify(object, null, 2)}</code>
    </pre>
  )
}

export default PrintObject