Error: (0 , react_hook_form__WEBPACK_IMPORTED_MODULE_3__.useForm) is not a function

[HugoQueva]

Hi, I'm using "@hookform/resolvers": "^3.3.2" and "react-hook-form": "^7.49.0",.
When I'm trying to initiate a form with useForm, it throw me an error saying useForm is not a function.
I have tried to uninstall the node_modules directory and use earlier versions. None of these worked.

I saw a man with similar issue, but the solution didn't worked for me.

[maruf-abd]

@HugoQuevaReborn
Please check that you have included "use client"; on the top or not.

[DivyarajsinhRana]

Make this SignUpUI component as client component using 'use-client' and import it into one parent level component which will be default server component.

[monu-shaw]

Definitely I can do so , no issues but where I taken advantage of server side, as you can see in my code there is no client side components & hooks are used. And antDesign also support server side rendering.
Advantage servers sides in SEO, now gemini also use SEO to understand website or brand.
For eg. Like any one ask gemini "how start on platform xyz" or "what needed to register on xyz".
As because bot could not understand about client side components but they can understand about server side rendered components.

[DivyarajsinhRana]

As per my understanding of Next JS from it docs is that we should not use event handlers and hooks in server component , i can see you have used onClick and some hooks in your code.

[monu-shaw]

Yes, I also know this but as my code get stuck error on line 10, so I didn't look there definitely I will remove that

[illustrofia]

Thank you for having patience with us, @maruf-abd 🙏🏻 🤗

[sp-rahul]

use client

Then It will work