heyoo, Where am I using the useaction state wrong? I am returning a promise from an async function on the action state but it's giving me a type error. I use nextjs 15 app router and here is the relevant code :

  // page.tsx it has a use client on top
  const [state, formAction] = useActionState(registerUser, registerInitialState); // there is a type error here

  // actions.tsx it has a use server on top
  export const registerUser = async (prevState :any, props  : FormData) => {
      // uses zod.safeparse to validate the data
     if(!validatedData.success){
         return {
             success: false,
             error: validatedData.error.errors 
          }
      }
      const insert = await db.insert(users).values({...data, id})
      return {
          success: true,
          data: data
      }   
  }