錯誤：無法在回調中調用 React Hook“useLogout”。 阿波羅

Question

我不確定這個錯誤是什么以及如何解決它？

代碼：

import React, { useContext, useEffect } from 'react'
import { Layout, Loading, LangContext } from '@frontend'
import { gql, useMutation } from '@apollo/client'

const LogoutMutation = gql`
  mutation LogoutMutation {
    logout
  }
`

const Logout = (): JSX.Element => {
  const [useLogout] = useMutation<{ logout: boolean }>(LogoutMutation)

  useEffect(() => {
    useLogout().then(({ data }) => {
      if (data?.logout === true) window.location.href = '/'
    })
  }, [useLogout])

  return null
}

export default Logout

錯誤：

16:5 錯誤 React Hook“useLogout”無法在回調中調用。 React Hooks 必須在 React 函數組件或自定義 React Hook 函數中調用 react-hooks/rules-of-hooks

Answer 1

React aslo 識別函數名稱以“use”開頭作為自定義鈎子，所以我需要更改useLogout => doLogout