fix

apps/id.saladeaula.digital/app/routes/register/index.tsx

@@ -1,5 +1,6 @@
 import type { Route } from './+types/index'
 
+import { useToggle } from 'ahooks'
 import { PatternFormat } from 'react-number-format'
 import { zodResolver } from '@hookform/resolvers/zod'
 import { useEffect, useState } from 'react'
@@ -53,7 +54,7 @@ export async function action({ request, context }: Route.ActionArgs) {
 
 export default function Signup({}: Route.ComponentProps) {
   const fetcher = useFetcher()
-  const [show, setShow] = useState(false)
+  const [show, { toggle: setShow }] = useToggle(false)
   const [user, setUser] = useState<User | null>(null)
   const form = useForm({
     resolver: zodResolver(formSchema)
@@ -185,10 +186,12 @@ export default function Signup({}: Route.ComponentProps) {
                   <div className="flex items-center gap-3">
                     <Checkbox
                       id="showPassword"
-                      onClick={() => setShow((x) => !x)}
+                      onClick={setShow}
                       tabIndex={-1}
                     />
-                    <Label htmlFor="showPassword">Mostrar senha</Label>
+                    <Label htmlFor="showPassword" className="cursor-pointer">
+                      Mostrar senha
+                    </Label>
                   </div>
                   <FormMessage />
                 </FormItem>