String input value only changes when losing focus

[EnbyAce]

Here I have some example code:

import { useEffect } from "react";
import { useControls } from "leva";

export default function EditorPage() {
    const values = useControls({
        test: { value: "", label: "Test input" }
    });

    useEffect(() => console.log(values.test), [values.test]);

    return <></>;
}

I would expect this to log the test input's value every time it changes, but it only does that when I click away from the input. Is there a way to update the value every time I add or remove a character in the input?

[EnbyAce]

This appears to be the same case with color and range (number inputs with min and max) inputs, possible even more types as well, except those can also be modified using the color picker or the slider, in which case it does update as expected.