Using the rotary knob with react-final-form is somewhat jerky and unresponsive - is it compatible?

[cordial]

<Field name={`${name}.frequency`} unlockDistance={0} onChange={(e) => handleFrequencyChange(e.target.value)} value={frequency}>
              {props => (
                <div>
             <Knob
               unlockDistance={props.input.unlockDistance}
               name={props.input.name}
               value={props.input.value}       
               onChange={props.input.onChange}
            />
              </div>
            )}        

          </Field>

Here is my code. The value is updating inside the react-final-form form object, but the knob is rather jerky and unresponsive to use. Have you tried it with this library/can it work?