Typescript error when setting data using setData inside onChange handler

[briantuju]

Hello. I'm getting the following error when trying to set the form data inside an onChange event handler.

TS2345: Argument of type 'string' is not assignable to parameter of type 'keyof FormProps

I'm trying to implement an onChange event handler but can't get it to work no matter what I try (I'm still new to TypeScript)

interface FormProps {
  email: string;
  password: string;
  remember: string;
}

const { data, setData, processing, post, errors, hasErrors, clearErrors } =
    useForm<FormProps>({
      email: "",
      password: "",
      remember: "",
    });

 const onChangeHandler = (event: React.ChangeEvent<HTMLInputElement>) => {
    setData(
      event.target.name,
      event.target.type === "checkbox"
        ? event.target.checked
        : event.target.value
    );
  };