反应开发工具中的钩子支持？

Question

我在React Docs中读到：

React DevTools现在支持 React Hooks 。 React 的最新 Flow 和 TypeScript 定义也支持它们。 我们强烈建议启用名为 eslint-plugin-react-hooks 的新 lint 规则，以强制使用 Hooks 的最佳实践。 默认情况下，它将很快包含在 Create React App 中。

然后我将 React 更新到 16.8 并开始使用钩子。 但是在我的第一个组件中执行useState()和useContext()之后，我无法使用 React Dev Tools 正确检查它们（见下图）。

有没有解决的办法？

  const [loading, setLoading] = useState(false);
  const [error,setError] = useState(null);
  const [productDetails,setProductDetails] = useState(null);

  const firebase = useContext(FirebaseContext);