I am trying to use server action in my current project. Some do work other will complete fail to compile. While it seems to work perfectly fine for others, the exact same code will not execute in my project.

Can someone help me
Description: I use useFormState with server action, but when i use both revalidatePath and return value, the revalidatePath work but doesn’t return any value state for useFormState, when i remove revalidatePath, the returned value is received as normal, but i want to use both, any one can solve this?

I am very new to Next.js. I have created login page and I want to call API on submit button click. There are few issues which i am getting

A client component called Card.tsx is being mapped inside a Server component which is async where it is fetching the data and mapping the data to the Card component, the code for Server Component is as follows: