How to reactively change the value and properties of controls?

[Ivan-1F]

I have a component using Leva with a state. The state is used in the useControl schema:

const [step, setStep] = useState(10);

useControls({
  x: {
    value: 0,
    step: step
  }
});

However when state is updated, the step of the control is not updated

Demo: https://codesandbox.io/s/leva-dynamically-change-properties-oi411h?file=/src/App.tsx

Expected: the step of x should be the same as the value in the <input />
Actually Happened: the step is always the default value 10

[dbismut]

Put step in a dependency array as the last argument of useControls.

[Ivan-1F]

Thanks a lot! It helps!