useToggleState.js
5d92ed19fb80paginated-inlines

useToggleState.js
View Options

			"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) {
			if (initialState === void 0) {
			initialState = false;
			}

			return (0, _react.useReducer)(function (state, action) {
			return action == null ? !state : action;
			}, initialState);
			}