handleSubmit doesn't call append

[DonaldNgai]

const handleQuery = (event: React.FormEvent) => {
    event.preventDefault();
    handleSubmit(event);

    console.log(messages);
    console.log(data);
  };

Which is called by

<FormControl fullWidth variant="outlined" component="form" onSubmit={handleQuery}>

It doesn't seem to have any effect though. I've confirmed that append does work, it's just handleSubmit that doesn't work.