it doesnt let me type more than 1-2 characters in the input field, but i can paste text exceeding this. Without the onchange i dont have this issue, but I want to access it from this other function. how would i fix this? I tried switching it to <input> and still same issue

const [message, setMessage] = useState<string>("");
...
  const handlePost = () => {
    console.log("Message:", message);
}
...
          <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
            <DialogContent>
...
<Label>Message</Label>
                  <Input
                    style={{ zIndex: 99 }}
                    id="message"
                    placeholder="Post."
                    type="string"
                    className="col-span-3"
                    value={message}
                    onChange={(e) => setMessage(e.target.value)}
                  />
...

              <Button onClick={() => handlePost()}>Post</Button>
...
</DialogContent>
          </Dialog>