facebook/react-devtools

3.6.0: hooks stuck at 'loading...'

Closed this issue · 4 comments

zhammer commented

Tried using DevTools 3.6 for a project of mine with hooks. Instead of showing hooks, the devtools display stays stuck at:

Hooks
  Loading...

Not sure what the minimal steps to reproduce are, but I'm seeing this both in my deployed site and on local development.
Here's the site live on prod: https://morningcd.com/
Here's the repo (using react-scripts): https://github.com/zhammer/morning-cd (change proxy in web_client/package.json to https://api.morningcd.com to avoid proxy error)

*this on macOS 10.14, both in firefox and chrome.

zhammer commented

I can investigate a bit more this evening after work! Excited to inspect my hooks in devtools 😄

zhammer commented

Hooks load with react 16.8.0-alpha.0! Not sure if it's known / noted that devtools in 16.7 alpha has some issues.

Also, any useState hook with an array just shows:

State:
Array[2]

But not sure if you're aware of that already.

  • 👍1
bvaughn commented

If hooks work with the 16.8 React alpha then I think we can consider this issue closed. Lots of little things changed between the 2-month-old 16.7 alpha and 16.8, and alphas are...alphas 😄 Thanks for confirming the versions!

Note that useImperativeMethods was renamed to useImperativeHandle very recently, and the current 16.8 alpha release doesn't reflect this (so this particular hook might be a bit busted)

eparh commented

Still have the same issue. Version of react is 16.8.3. Any pieces of advice?

  • 👍2