useForm cause page rendered twice

[jcsunran]

useForm caused page render twice, seems isReady triggered the render, how to avoid it?

example:

function App() { useForm(); console.log("render.."); return <div>test</div> }
the log is displayed twice.

this issues is exist from version 7.56.X.

[KrishnaSaxena108]

Hi @jcsunran !!

What you’re seeing isn’t a bug in useForm — it’s expected behavior:
Since v7.56.x, useForm uses an internal isReady state so that async default values and certain resolvers initialize correctly.
That extra state update triggers one additional render after the initial mount.

👉 Because React re-renders on any state change, you’ll see console.log("render..") twice.

Ways to handle it:

Treat it as normal React behavior (it doesn’t hurt performance in real apps).
If you only want to run code once on mount, use useEffect(() => { … }, []) instead of relying on render logs.
There’s no supported way to “turn off” the second render — it’s required for correct form initialization.

So: the double render is expected in v7.56+ and isn’t something you should try to avoid.