input data not populated

const [formData, setFormData] = useState({
    age: '',
    height: '',
    weight: '',
  });
const onChange = (event: ChangeEvent<HTMLInputElement>): void =>
    setFormData({...formData, [event.target.name]: event.target.value});

<Input
              label="Age"
              name="age"
              type="number"
              min={1}
              max={150}
              title="Age is required"
              required
              value={formData.age}
              handleChange={(e): void => onChange(e)}
            />

const {isLoading} = useQuery(['data'], 
async()=> {some func },
{
    onSuccess: (res)=> {setFormData({
        age: res.age, 
        height: res.height, 
        weight: res.weight 
    })
}} 
)