Fix sign in focus bug

This commit is contained in:
Sam Becker 2025-01-23 09:33:56 -06:00
parent fd0c7205fd
commit 208aa9bcfb

View File

@ -6,7 +6,6 @@ import SubmitButtonWithStatus from '@/components/SubmitButtonWithStatus';
import { import {
useActionState, useActionState,
useEffect, useEffect,
useLayoutEffect,
useRef, useRef,
useState, useState,
} from 'react'; } from 'react';
@ -28,8 +27,9 @@ export default function SignInForm() {
const [response, action] = useActionState(signInAction, undefined); const [response, action] = useActionState(signInAction, undefined);
const emailRef = useRef<HTMLInputElement>(null); const emailRef = useRef<HTMLInputElement>(null);
useLayoutEffect(() => { useEffect(() => {
emailRef.current?.focus(); const timeout = setTimeout(() => emailRef.current?.focus(), 100);
return () => clearTimeout(timeout);
}, []); }, []);
useEffect(() => { useEffect(() => {