Simple toggle hook using useReducer w/ types for reducer with optional action.

use-toggle.ts

import React from "react";

type ReducerWithOptionalAction<S> = (prevState: S, action?: S) => S;
type ReducerStateWithOptionalAction<S> = React.ReducerState<ReducerWithOptionalAction<S>>;
type DispatchWithOptionalAction<S> = React.Dispatch<S> & React.DispatchWithoutAction;
type ReducerValueWithOptionalAction<S> = [
  ReducerStateWithOptionalAction<S>,
  React.DispatchWithOptionalAction<S>,
];
  
function useToggle(
  initialState: boolean = false
): ReducerValueWithOptionalAction<boolean> {
  return React.useReducer<ReducerWithOptionalAction<boolean>>(
    (prev, override) => override ?? !prev,
    initialState
  );
}