react: typescript interface useState issue

interface ILoginState {
  imageId: string;
  imageSrc: string;
  username: string;
  password: string;
  verifyCode: string;    
}

const [loginData, setLoginData] = useState(loginState)

setLoginData({
  ...loginData,
  imageId: res.data.id.
  imageSrc: res.data.content
})

onInputChange(e: FormEvent<HTMLInputElement>) {
  const inputName = e.currentTarget.id;
  const inputValue = e.currentTarget.value;
  setInputData({
    [inputName]: inputValue
  } as {[key in keyof ILoginState]:ILoginState[key]})
}