A hook called use without any suffix causes error in react compiler

[stephanoskomnenos]

I got Uncaught Error: Rendered fewer hooks than expected.. Without compiler it works file.

[stephanoskomnenos]

If I change its name to use1, it works fine in react compiler.

[hameda169]

Make sure that you don't use any hook inside of a condition or loop block. Also you shouldn't have any return statement before calling a hook.

[stephanoskomnenos]

Make sure that you don't use any hook inside of a condition or loop block. Also you shouldn't have any return statement before calling a hook.

Certainly. I made a reproduction codesandbox.

[hameda169]

I see. Maybe it's a conflict with react's built-in use hook that introduced in React 19 release.

[stephanoskomnenos]

I see. Maybe it's a conflict with react's built-in use hook that introduced in React 19 release.

I think it's not the reason. I didn't import that use hook and this bug can be reproduced in react 18 with react compiler too.

[NobodyXu]

I think it's not the reason. I didn't import that use hook and this bug can be reproduced in react 18 with react compiler too.

Maybe the react compiler isn't smart enough to tell, and always treats use as the react 19 built-in hook?

[stephanoskomnenos]

Here is the minimal reproduction: https://codesandbox.io/p/devbox/epic-jepsen-3vnscm?workspaceId=ws_6kEPchLcYbhhULqCZ4Y2rh