From 9d564181dc0622c53debb15feb1d1c69ff20f76f Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sun, 5 Jan 2025 15:38:32 -0600
Subject: [PATCH] Use new useActionState api

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

diff --git a/src/auth/SignInForm.tsx b/src/auth/SignInForm.tsx
index b4b35fc4..f5cfab4c 100644
--- a/src/auth/SignInForm.tsx
+++ b/src/auth/SignInForm.tsx
@@ -3,9 +3,14 @@
 import FieldSetWithStatus from '@/components/FieldSetWithStatus';
 import Container from '@/components/Container';
 import SubmitButtonWithStatus from '@/components/SubmitButtonWithStatus';
-import { useEffect, useLayoutEffect, useRef, useState } from 'react';
+import {
+  useActionState,
+  useEffect,
+  useLayoutEffect,
+  useRef,
+  useState,
+} from 'react';
 import { getAuthAction, signInAction } from './actions';
-import { useFormState } from 'react-dom';
 import ErrorNote from '@/components/ErrorNote';
 import { KEY_CALLBACK_URL, KEY_CREDENTIALS_SIGN_IN_ERROR } from '.';
 import { useSearchParams } from 'next/navigation';
@@ -20,7 +25,7 @@ export default function SignInForm() {
 
   const [email, setEmail] = useState('');
   const [password, setPassword] = useState('');
-  const [response, action] = useFormState(signInAction, undefined);
+  const [response, action] = useActionState(signInAction, undefined);
 
   const emailRef = useRef<HTMLInputElement>(null);
   useLayoutEffect(() => {