@restart/hooks/cjs/useToggleState.js

A set of utility and general-purpose React hooks.

"use strict";

exports.__esModule = true;
exports.default = useToggleState;
var _react = require("react");
/**
 * Create a state setter pair for a boolean value that can be "switched".
 * Unlike `useState(false)`, `useToggleState` will automatically flip the state
 * value when its setter is called with no argument.
 *
 * @param initialState The initial boolean value
 * @returns A tuple of the current state and a setter
 *
 * ```jsx
 * const [show, toggleShow] = useToggleState(false)
 *
 * return (
 *   <>
 *     <button onClick={() => toggleShow()}>
 *       Toggle
 *     <button>
 *
 *     {show && <strong>Now you can see me</strong>}
 *   </>
 * )
 *
 * ```
 */
function useToggleState(initialState = false) {
  return (0, _react.useReducer)((state, action) => action == null ? !state : action, initialState);
}