javascript - 使用 useMediaQuery 挂钩时，出现错误：Rendered more hooks than during previous render

Question

我正在尝试在移动设备上隐藏工具提示。为此，我useMediaQuery用来检测宽度是这样的：

const isMobile = useMediaQuery({ query: '(max-width: 767px)' })

然后我将isMobile作为 prop 传递给 ReactTooltip 组件disabled。

<ReactTooltip  disable={isMobile} id="favouriteMeeting"  place="bottom" effect="solid">
    Make Favourite
</ReactTooltip>

但是每当我单击会议时，我都会收到此错误-

渲染的钩子比上一次渲染时更多

. 我究竟做错了什么？请帮忙！