diff --git a/src/client/dd-hub-react/src/common/json-viewer.tsx b/src/client/dd-hub-react/src/common/json-viewer.tsx
new file mode 100644
index 0000000..5762fa3
--- /dev/null
+++ b/src/client/dd-hub-react/src/common/json-viewer.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+
+type JsonViewerProps = {
+  data: any;
+};
+
+export function JsonViewer({ data }: JsonViewerProps) {
+  console.log (JSON.stringify(data));
+  return (
+    <pre style={{
+      backgroundColor: '#f4f4f4',
+      padding: '1rem',
+      borderRadius: '5px',
+      width: '100%',
+      height: '100%'
+    }}>
+      {JSON.stringify(data)}
+    </pre>
+  );
+}