useToggle React Hook

$useToggle.txt

#

useToggle.js

import React, { useState } from 'react'

export default function useToggle(defaultValue = false) {
    const [value, setValue] = useState(defaultValue)

    function toggleValue(value) {
        setValue((currentValue) =>
            typeof value === 'boolean' ? value : !currentValue
        )
    }

    return [value, toggleValue]
}

UseToggleExampleComponent.jsx

import useToggle from '@/hooks/useToggle/useToggle'
import React from 'react'

export default function UseToggleExampleComponent() {
    const [value, toggleValue] = useToggle(false)

    return (
        <div>
            <div>{value.toString()}</div>
            <button onClick={toggleValue}>Toggle</button>
            <button onClick={() => toggleValue(true)}>Set to true</button>
            <button onClick={() => toggleValue(false)}>Set to false</button>
        </div>
    )
}