import * as actions from "@/actions";
import { useActionState } from "react";

interface Props {
  id: number;
  quantity: number;
}

export default async function TheActionForm({ id, quantity }: Props) {
  const [error, theAction, isPending] = useActionState(
    async (quantity, formData) => {
      const error = await actions.theAction(id, formData.get("quantity"));
      if (error) {
        return error;
      }
      // handle success (probably just revalidate the page)
      return null;
    },
    null
  );

  return (
    <form action={theAction}>
      <input type="text" quantity={quantity} />
      <button type="submit" disabled={isPending}>
        ActionIcon
      </button>
      {error && <p>{error}</p>}
    </form>
  );
} 

 

Type error: Parameter 'quantity' implicitly has an 'any' type.
   9 | export default async function TheActionForm({ id, quantity }: Props) {
  10 |   const [error, theAction, isPending] = useActionState(
> 11 |     async (quantity, formData) => {
     |            ^
  12 |       const error = await actions.theAction(id, formData.get("quantity"));
  13 |       if (error) {
  14 |         return error;
 ELIFECYCLE  Command failed with exit code 1.
Error: Command "pnpm run build" exited with 1