checkboxとlabelで作る、便利なtoggleボタン

Next.jsでコンポーネントごとにクライアントサイドとサーバーサイドが区別されるようになり、使いたいところでonClickを使えないことがある。hiddenにしたcheckboxと、そのidに対するhtmlForを持ったlabelを配置すると、use clientのない場所でもcheckboxのonChangeから遠隔で関数を発火させることができる。地味に便利。