@mysetup/hooks

Reusable React hooks for forms, responsive state, and UI behavior.

Installation

pnpm add @mysetup/hooks react react-dom

Supported libraries and runtimes

| Supported | Notes | | ------------------------- | ------------------------ | | React | Required peer dependency | | Vite React apps | Supported | | Next.js client components | Supported | | Next.js server components | Not supported | | Node.js scripts | Not supported |

Usage

"use client";

import { useDebounce, useModal } from "@mysetup/hooks";

function SearchBox({ value }: { value: string }) {
    const debouncedValue = useDebounce(value, 400);
    const { isOpen, toggleModal, close } = useModal();

    return (
        <>
            <button onClick={toggleModal}>{isOpen ? "Close" : "Open"}</button>
            <p>{debouncedValue}</p>
            <button onClick={close}>Reset</button>
        </>
    );
}

Exports

• useBreakpoint
• useDebounce
• useForm
• useFormatPhoneNumber
• useIsBreakpoint
• useModal
• useTouchEndFix