From 208aa9bcfb1f64a17dadff70b7f9ab7536ecc704 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Thu, 23 Jan 2025 09:33:56 -0600
Subject: [PATCH] Fix sign in focus bug

---
 src/auth/SignInForm.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

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