App crashes on form submission errors despite error handling

[jason-ezenwa]

Description

The application crashes when form submission encounters errors, even though error handling is implemented. This occurs despite having proper try-catch blocks and TanStack Query error handling.

Expected Behavior

• Form submission errors should display toast notifications
• App should remain stable and functional
• Users should be able to retry form submission

Current Behavior

• Toast error messages appear
• But the app crashes/breaks after the error
• Console shows error propagation down to onSubmit function, despite catch blocks

i am using v5.90.6

const createJourneyMutation = useMutation({
    mutationFn: async (data: JourneyFormData & { resumeFile: File }) => {
      // Create FormData like the playground
      const formData = new FormData();
      formData.append("companyName", data.companyName);
      formData.append("jobTitle", data.jobTitle);
      formData.append("jobDescription", data.jobDescription);
      formData.append("resume", data.resumeFile);

      const response = await fetch("/api/journeys", {
        method: "POST",
        body: formData,
      });

      if (!response.ok) {
        const errorData = await response.json();
        throw new Error(errorData.error || "Failed to create application");
      }

      return response.json();
    },
    onError: (error) => {
      console.error("onError error: Failed to create journey:", error);
      toast.error(error.message);
    },
  });

  const onSubmit = async (data: JourneyFormData) => {
    try {
      if (!resumeFile) {
        toast.error("Please upload a resume");
        return;
      }

      createJourneyMutation.mutate({
        ...data,
        resumeFile,
      });
    } catch (error) {
      console.error("propagation error: Failed to create journey:", error);
    }
  };