I am using react hook form and zod to manage my form and validate my data.

In my formHandler function I need to use data from the form inputs to fetch data from an API.

I am using useState to manage a few different states of the page for success and failure conditions and isSubmitting type things, so my page needs to be a client component.

For the async/await fetch
I have explored useEffect() watching the true/false of isSubmitting but I cannot get it to work and I am now wondering if I am thinking about this all wrong. Next keeps yelling at me about I cant use async/await in client components.

Everything i read says fetch data on the server, but i dont see how I can in this instance.

can someone help me with my understanding of this concept here.

thanks!