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

This is my accepted solution

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