useLeaveDetection()

The useLeaveDetection() hook allows you to detect when a user's cursor leaves the document's boundaries

Import

import { useLeaveDetection } from 'react-haiku';

Usage

import { useLeaveDetection } from 'react-haiku';
import { useState } from 'react';

export const Component = () => {
    const [leaveCount, setLeaveCount] = useState(0);
    useLeaveDetection(() => setLeaveCount((s) => s + 1));

    return (
        <button>
            {`You have left the page ${leaveCount} times!`}
        </button>
    );
}