<pre class="shiki github-dark shaku"><code>import React from 'react';export function useToggle(on: boolean): [boolean, () =&gt; void] { const [toggleState, setToggleState] = React.useState(on); const onToggle = React.useCallback(() =&gt; { setToggleState((prev) =&gt; !prev); }, []); return [toggleState, onToggle];}</code></pre>

useToggle with useState and useCallback

It is quite common to see switches and checkboxes in web apps. Implement useToggle() to make things easier function App() { const [on, toggle] = useTo…