revalidatePath issue in [email protected]

[yusufs35]

Hi guys. I have encountered an issue while form handling in server actions. I employ [email protected]
First I want to share my code to talk about the issue.

`

    export const createAssistanAction = async (prevSate, formData) => {
      try {
	const fields = convertFormDataToJSON(formData);
	
	AssistantSchema.validateSync(fields, { abortEarly: false });

	const res = await createAssistant(fields);
	const data = await res.json();

	if (!res.ok) {
		return response(false, data?.message);
	}

	revalidatePath("/dashboard/assistant-manager");
	console.log("Hi!!!")
	return response(true, "Assistant was created", {});

  } catch (err) {
	if (err instanceof YupValidationError) {
		return transformYupErrors(err.inner);
	}

	throw err;
  }
  };`

In the code above, revalidatePath method causes the sender form reload or reset. This is my opinion because I couldn't understand what the thing is going on. I get lost the form data, all the form inputs get blank and the state returned by the action and catched by the useFormState has the initial value rather than returned value. The response object I get in the form is:

{ ok: null, message: null }

If I comment the line includes revalidatePath or downgrade the Next version to 14.1.4 everything is ok.

This is my form:

`

const AssistantCreateForm = () => {
   const [state, dispatch] = useFormState(createAssistantAction, initialResponse);
   const router = useRouter();
    
       // After revalidation I get lost the state, state turns into initialResponse
   console.log("state", state)

   if (state.ok) {
	   swAlert(state.message, "success");
	   router.push("/dashboard/assistant-manager");
   } else if (state.message) {
	   swAlert(state.message, "error");
   }
`

[fardinkashef]

I encountered the same issue: by using revalidatePath in a server action (in an event handler), I lost all of my state variable values. That was very weird and I still don’t know why this happens.

[jksadmgi]

Getting the same problem here, export const revalidate = 300; doesn't work