useToggle.ts

import { useState, useMemo } from "react";

type UseToggleInterface = [
  boolean,
  {
    /**
     * Set state value to `true`
     */
    on(): void;
    /**
     * Set state value to `false`
     */
    off(): void;
    /**
     * Invert the current state value
     */
    toggle(): void;
  }
];

export function useToggle(defaultValue = false): UseToggleInterface {
  const [state, setState] = useState(defaultValue);

  const toggleControl = useMemo(
    () => ({
      on: () => {
        setState(true);
      },
      off: () => {
        setState(false);
      },
      toggle: () => {
        setState((value) => !value);
      },
    }),
    []
  );

  return [state, toggleControl];
}