fix: complex debug values not showing in collapsed state

facebook · Mar 9, 2020 · 13a9992 · 13a9992
1 parent c831387
commit 13a9992
Showing 1 changed file with 4 additions and 10 deletions.
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/HooksTree.js b/packages/react-devtools-shared/src/devtools/views/Components/HooksTree.js
@@ -17,7 +17,7 @@ import EditableValue from './EditableValue';
 import ExpandCollapseToggle from './ExpandCollapseToggle';
 import {InspectedElementContext} from './InspectedElementContext';
 import KeyValue from './KeyValue';
-import {serializeHooksForCopy} from '../utils';
+import {getMetaValueLabel, serializeHooksForCopy} from '../utils';
 import styles from './HooksTree.css';
 import useContextMenu from '../../ContextMenu/useContextMenu';
 import {meta} from '../../../hydration';
@@ -202,17 +202,11 @@ function HookView({canEditHooks, hook, id, inspectPath, path}: HookViewProps) {
               className={name !== '' ? styles.Name : styles.NameAnonymous}>
               {name || 'Anonymous'}
             </span>
+            <span className={styles.Value} onClick={toggleIsOpen}>
+              {getMetaValueLabel(value)}
+            </span>
           </div>
           <div className={styles.Children} hidden={!isOpen}>
-            <KeyValue
-              depth={1}
-              alphaSort={false}
-              inspectPath={inspectPath}
-              name="DebugValue"
-              path={path.concat(['value'])}
-              pathRoot="hooks"
-              value={value}
-            />
             {subHooksView}
           </div>
         </div>