Hook for handling the disconnection process from the Flow blockchain.


import { useFlowDisconnect } from '@doodlesteam/flooks';


const MyComponent = () => {
  const { disconnect, disconnectAsync } = useFlowDisconnect();
  const handleDisconnect = async () => {
    try {
      await disconnectAsync();
      console.log('Disconnected from Flow');
    } catch (error) {
      console.error('Disconnection failed:', error);
  return <button onClick={disconnect}>Disconnect from Flow</button>;

API Reference

Return Value

useFlowDisconnect returns an object with the following properties:

  • disconnect: A function to initiate the disconnection process synchronously.
  • disconnectAsync: An async function to initiate the disconnection process and handle it asynchronously.
  • Additional properties and methods from useMutation of @tanstack/react-query which can be used for more advanced handling.


const { disconnect } = useFlowDisconnect();
// Use the disconnect function in your component
<button onClick={disconnect}>Disconnect from Flow</button>