[Custom React Hook - useToggle] A custom react hook to toggle between true or false #react #javascript #reactHooks

useToggle.js

import { useState } from "react";

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

	function toggleValue(value) {
	setValue(currValue => typeof value === "boolean" ? value : !currValue)
	}

	return [value, toggleValue]
}