**Do you want to request a *feature* or report a *bug*?**
Report a bug

**What is the current behavior?**
The `useState` hook's value is shown as `undefined` in React DevTools if the value is a string or a number. Clicking on the bug icon prints the correct values to console.

![image](https://user-images.githubusercontent.com/21111572/65421153-b7225d80-de0b-11e9-8a69-a31836a41c7c.png)


**If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem. Your bug will get fixed much faster if we can run your code and it doesn't have dependencies other than React.**
CodeSandbox: https://codesandbox.io/s/keen-colden-syb7r
Direct link to page so you can see the DevTools: https://2km9v.csb.app/

**What is the expected behavior?**
The DevTools should show the correct value of the hook.

**Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?**
React 16.9.0.
Google Chrome [Version 77.0.3865.90 (Official Build) (64-bit)] running on Linux x64.

This issue appeared after version 4.1.0 (9/19/2019) of the DevTools Chrome extension.

Might be same bug as #16843 but this one appears without any complicated reproduction steps.

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow
 */
import {copy} from 'clipboard-js';
import React, {useCallback, useContext, useState} from 'react';
import {BridgeContext, StoreContext} from '../context';
import Button from '../Button';
import ButtonIcon from '../ButtonIcon';
import EditableValue from './EditableValue';
import ExpandCollapseToggle from './ExpandCollapseToggle';
import {InspectedElementContext} from './InspectedElementContext';
import KeyValue from './KeyValue';
import {serializeHooksForCopy} from '../utils';
import styles from './HooksTree.css';
import {meta} from '../../../hydration';
import type {InspectPath} from './SelectedElement';
import type {HooksNode, HooksTree} from 'react-debug-tools/src/ReactDebugHooks';
type HooksTreeViewProps = {|
  canEditHooks: boolean,
  hooks: HooksTree | null,
  id: number,
|};
export function HooksTreeView({canEditHooks, hooks, id}: HooksTreeViewProps) {
  const {getInspectedElementPath} = useContext(InspectedElementContext);