我添加了一个搜索输入，但是当我键入一些内容时，下面的代码似乎反复运行：

const { list } = useList()

搜索输入不做任何事情，它只是更新searchValue状态，甚至没有连接到上面的list。
我相信每当我更新input的值时，它都会重新呈现dom。

const [searchValue, setSearchValue] = useState()

<Input
  value={searchValue}
  className="shadow-none"
  onChange={(e) => setSearchValue(e.target.value)}
/>

下面是useList如何钩子：

export default function useList() {
  let { data } = useQuery(GET_LIST)
  const list = _.cloneDeep(data)?.menuTree?.filter((i) => i.parentId === null) || []

  const otherMenus = data?.menuTree || []

  return { list, otherMenus }
}

我尝试在一个单独的组件中添加上述searchInput，但它没有帮助！
如何解决此问题？