fixes

Author: Raubzeug

src/components/JsonViewer/JsonViewer.tsx

@@ -37,7 +37,7 @@ interface JsonViewerProps {
     maxValueWidth?: number;
     toolbarClassName?: string;
     withClipboardButton?: Omit<ClipboardButtonProps, 'size' | 'view'>;
-    value: any;
+    value: ReactUnipikaProps['value'];
     scrollContainerRef: React.RefObject<HTMLElement>;
 }
 
@@ -136,6 +136,7 @@ export function JsonViewer({
                 caseInsensitiveSearch={!caseSensitiveSearch}
                 initiallyCollapsed={collapsedInitially}
                 scrollContainerRef={scrollContainerRef}
+                showContainerSize
             />
         </div>
     );

src/containers/Tenant/Diagnostics/TopicData/TopicMessageDetails/components/TopicMessage.tsx

@@ -61,7 +61,6 @@ export function TopicMessage({offset, size, message, scrollContainerRef}: TopicM
             key={String(isFullscreen)}
             collapsedInitially
             value={preparedMessage}
-            maxValueWidth={50}
             toolbarClassName={b('json-viewer-toolbar')}
             scrollContainerRef={scrollContainerRef}
         />

src/containers/Tenant/Query/QueryResult/components/QueryJSONViewer/QueryJSONViewer.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 
 import {JsonViewer} from '../../../../../../components/JsonViewer/JsonViewer';
 import {cn} from '../../../../../../utils/cn';
+import {useTypedSelector} from '../../../../../../utils/hooks';
 
 import './QueryJSONViewer.scss';
 
@@ -12,11 +13,16 @@ interface QueryJSONViewerProps {
 }
 
 export function QueryJSONViewer({data}: QueryJSONViewerProps) {
-    const scrollRef = React.useRef(null);
+    const scrollRef = React.useRef<HTMLDivElement>(null);
+    const isFullscreen = useTypedSelector((state) => state.fullscreen);
     return (
         <div className={b()}>
             <div className={b('tree')} ref={scrollRef}>
-                <JsonViewer value={data} scrollContainerRef={scrollRef} />
+                <JsonViewer
+                    value={data}
+                    scrollContainerRef={scrollRef} // key is used to reset JsonViewer state to collapsed due to performance issues on close fullscreen mode if nodes quantity is big enough https://github.com/ydb-platform/ydb-embedded-ui/issues/2265
+                    key={String(isFullscreen)}
+                />
             </div>
         </div>
     );