Skip to content

DevTools: hooks with numbers, strings or booleans show as undefined #16859

Closed
@cxcorp

Description

@cxcorp

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

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.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions