What is the correct way of handling forms in Nextjs (or other server side rendering react frameworks)?

I have a large form in my Next.js app. I use react-hook-form and zod for managing state of the form and validation.

But this entire form is a separate page. And to make it possible to use react-hook-form hooks I need to use ‘use client’ directive which makes my entire component with the form a client component.

The question is how can I get benefits from Next.js + SSR for similar cases? Or it is fine to make entire page client component?

It also worth mentioning that I have a lot of UI components wrapped in react-hook-form’s <Controller> cuz I need to manually set values and trigger validation in some cases.

Is there any way to utilize SSR in similar cases?