Why is the useState setter failing if we are using it without a callback ?

[Xample]

Hi, noob question, I followed this tutorial: https://brianzinn.github.io/react-babylonjs/guides/animation

While this works:

  const [y, setY] = useState(0)
  useBeforeRender(() => {
    setY((oldY) => oldY + 0.1)
  })

this fails (it won't update anything)

  const [y, setY] = useState(0)
  useBeforeRender(() => {
    setY(y + 0.1)
  })

While they are using the first version in the React tutorials: https://beta.reactjs.org/reference/react/useState#counter-number

Is there any reason, the callback version one is working while the first is failing ?

[Xample]

Okay got it, we need to explicitly provide the dependency on y if we want to use the second way.

  const [y, setY] = useState(0)
  useBeforeRender(() => {
    setY(y + 0.1)
  },undefined, undefined, undefined, [y]))