Simple Toggle Hook for React

useToggle.ts

import { useReducer } from 'react';

type Toggle = (forceToggle?: boolean) => void;

export default function useToggle(initial: boolean = false) {
  return useReducer(
    (toggledState: boolean, forceToggle?: boolean) => forceToggle || !toggledState,
    initial
  ) as [boolean, Toggle];
}