fix: complex debug values not showing in collapsed state

facebook · Feb 19, 2020 · a9444d1 · a9444d1
1 parent e53d44c
commit a9444d1
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
@@ -16,7 +16,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';
@@ -201,17 +201,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>