React-Redux useSelector 告诉“Uncaught TypeError：Object(...) is not a function”

我对 React hooks 很陌生，我正在尝试替换connect, mapStateToProps等等useSelector, useDispatch。这就是我所拥有的：

import React from 'react';
import { useSelector } from 'react-redux';

function MyComponent(props) {
   const data = useSelector(state => state.app.loadingData);

   return (
      <div>
        {data}
      </div>
   );
}

其中，根据https://react-redux.js.org/api/hooks https://react-redux.js.org/api/hooks写得很好。这是我的 Redux DevTools 控制台：

So, app存在于 redux 状态树中并且loadingData也存在。不管怎样，我的浏览器控制台指向const data = useSelector(state => state.app.loadingData);向我大喊有这个错误：

未捕获的类型错误：Object(...) 不是函数

那么，我做错了什么或者我在这里错过了什么？

我有同样的错误，我发现我错过了导入“useSelector”。我是从 React 而不是 Redux 导入的。 :)

这个错误 ：

import React, { useState, useEffect, useSelector } from "react";

好方法：

import { useDispatch, useSelector } from "react-redux";