watch method doesn't work with reactCompiler in Next.js 15

[kcsujeet]

The watch method doesn't work with react-compiler in Next.js 15. The compiler seems to be memoizing the oldest value.

We just learned it the hard way. Several bug reports came in. We had no issue what was causing it. I spent an entire day trying to pinpoint the issue. I went back to version 7.51.0 one by one but to no avail.

Then tried turning off new changes we had made in the last month. Would have never guessed it was react-compiler in the end.

[DhtIsCoding]

I got the same, and these might help you: https://az.react.dev/learn/react-compiler#something-is-not-working-after-compilation

[mauricedoepke]

I noticed renaming the watch function to useWatch like this, seems to make it work again:

const { watch: useWatch } = useForm<>();

const thisWayWatchWorks = useWatch("myField")

[BrendanC23]

This is in development. See this alpha version of RHF version 8.

[kcsujeet]

We have now moved away from watch altogether. We now use useWatch everywhere because of performance reasons. Check this article I've written.