diff --git a/packages/amis-core/src/utils/debug.tsx b/packages/amis-core/src/utils/debug.tsx
index 06de32844ec..c4682b72641 100644
--- a/packages/amis-core/src/utils/debug.tsx
+++ b/packages/amis-core/src/utils/debug.tsx
@@ -102,21 +102,25 @@ const LogView = observer(({store}: {store: AMISDebugStore}) => {
   return (
     <>
       {logs.map((log, index) => {
+        let ext =
+          typeof log.ext === 'string' &&
+          (log.ext.startsWith('{') || log.ext.startsWith('['))
+            ? parseJson(log.ext)
+            : typeof log.ext === 'object'
+            ? parseJson(JSON.stringify(log.ext))
+            : log.ext;
+
         return (
           <div className="AMISDebug-logLine" key={`log-${index}`}>
             <div className="AMISDebug-logLineMsg">
               [{log.cat}] {log.msg}
             </div>
-            {(typeof log.ext === 'string' &&
-              (log.ext.startsWith('{') || log.ext.startsWith('['))) ||
-            typeof log.ext === 'object' ? (
+            {typeof ext === 'object' ? (
               <React.Suspense fallback={<div>Loading...</div>}>
                 <JsonView
                   name={null}
                   theme="monokai"
-                  src={
-                    typeof log.ext === 'string' ? parseJson(log.ext) : log.ext
-                  }
+                  src={ext}
                   collapsed={true}
                   enableClipboard={false}
                   displayDataTypes={false}
@@ -125,7 +129,7 @@ const LogView = observer(({store}: {store: AMISDebugStore}) => {
                 />
               </React.Suspense>
             ) : (
-              <pre className="AMISDebug-value">{JSON.stringify(log.ext)}</pre>
+              <pre className="AMISDebug-value">{JSON.stringify(ext)}</pre>
             )}
           </div>
         );