How do I use useDisconnect?

[YaminZheng]

I have a link wallet button component, and when I use the useDisconnect hook, it always throws error。

My component is very simple, even if it is just a div element, just introducing this hook will return the error

not-found-boundary.tsx:69 Uncaught Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.

Deps:
"viem": "2.x",
"wagmi": "^2.14.11",
"next": "14.2.22",