React-渲染的钩子比上一个渲染器更多

Question

我似乎无法弄清为什么我看到以下错误-嗯，这实际上意味着什么：

我正在用react-apollo进行此查询

import { GET_SUBSCRIPTION_BY_ID } from '../queries/GetSubscription';
import { useQuery } from 'react-apollo';

const { loading: loadingSub, error: errorSub, data: dataSub } = useQuery(GET_SUBSCRIPTION_BY_ID)
console.log(loadingSub) //I see true printed, then false

if (loadingSub === false) {
   return <Spinner />
}

因此，如果它处于加载状态-我只希望微调器出现，而不用担心组件中其余的代码。但是我不认为这实际上会发生，因此我可能会出错-我猜代码正在继续。

此外，在控制台中，我看到以下内容：

   Previous render            Next render
   ------------------------------------------------------
1. useContext                 useContext
2. useContext                 useContext
3. useReducer                 useReducer
4. useRef                     useRef
5. useRef                     useRef
6. useEffect                  useEffect
7. useEffect                  useEffect
8. undefined                  useEffect
   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

我想问题出在第8步？但是那个未定义的是什么？

请有人确认以及我如何解决。

谢谢。