I am trying to get the value of the Textfield as user types, both when typing or deleting. Currently I have:

```
<TextField
  autoFocus
  id="Numbers"
  label="num"
  type="number"
  fullWidth
  onChange={handleChange}
/>;

```

My on `handleChange` is:

```
const handleChange = (event) => {
  const val = event.target.value;
  setNumbers(val);
  console.log(numbers);
};

```

However, my number is always the previous input rather than the one the user currently has typed, what is the issue here?