import { useToggle } from "reshaped";
useToggle returns methods for activating and deactivating elements in your code, along with their current value. One example of its use case is in components like Modal.
function Example() { const { active, activate, deactivate } = useToggle(false); return ( <> <Button onClick={activate}>Open modal</Button> <Modal active={active} onClose={deactivate}> Modal content </Modal> </> ); }
{ // Set state to true activate: () => void, // Set state to false deactivate: () => void, // Toggle state to the opposite value toggle: () => void, // Current state value active: boolean, }