Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Bug(devtools): complex types ignored sometimes in useDebugValue

See original GitHub issue

React version: 0.0.0-241c4467e (current next) and 16.12.0 Devtools: 4.4.0 (1/3/2020). […] Created from revision f749045a5 on 1/3/2020.

Steps To Reproduce

Visit https://codesandbox.io/s/usedebugvalue-complex-types-3x877
Inspect App Component
NoHooksAtAll displays no hooks at all
IgnoredComplexValue displayes the custom hook but without a value
NoHooksAtAll displays the custom hook with its value

Link to code example:

The current behavior

Complex values (and custom hooks) are sometimes not displayed

The expected behavior

Implementation of components and hooks should not affect if these are displayed.

Issue Analytics

State:
Created 4 years ago
Comments:18 (4 by maintainers)

Top GitHub Comments

1reaction

wfnusercommented, Feb 3, 2020

I would like to take a look. 😄

0reactions

eps1loncommented, Feb 19, 2020

@wfnuser This was more complicated than I thought #18070 already includes a fix. I wasn’t able to write test and fix separately, sorry. Might still make sense to check #18070 out in case the fix isn’t accepted.

Top Results From Across the Web

Improve custom Hook debugging with useDebugValue

In this tutorial, learn how to use the useDebugValue Hook to make debugging reports for your custom React Hooks easier and more descriptive....

Chrome dev tools fails to show response even the content ...

I think this only happens when you have 'Preserve log' checked and you are trying to view the response data of a previous...

devtools settings are ignored/reset in Incognito mode - Monorail

As a data point, we persist bookmarks added in incognito (with the old bookmark system - the new, based on an extension, appears...

typescript-cheatsheet - GitHub Pages

Basic Assign Types. String. Another fundamental part of creating programs in JavaScript for webpages and servers alike is working with textual data. As...

useCallback - React Docs

Skipping re-rendering of components. When you optimize rendering performance, you will sometimes need to cache the functions that you pass to child components ......