apps/frontend/src/modules/assessmentManagement/queries/assessmentQueries.ts

@@ -94,13 +94,13 @@ export const submitOption = async (form: {
     );
 };
 
-export const submitOptionMutationOptions: () => UseMutationOptions<
+export const submitOptionMutationOptions: UseMutationOptions<
     SubmitOptionResponse,
     Error,
     Parameters<typeof submitOption>[0]
-> = () => ({
+> = {
     mutationFn: submitOption,
-});
+};
 
 export const submitValidation = async (
     form: {

apps/frontend/src/routes/_dashboardLayout/assessment/index.lazy.tsx

@@ -180,8 +180,17 @@ export default function AssessmentPage() {
     },
   });
 
-  // Mutation function to submit answer
+  // Usage of the mutation in your component
-  const submitOptionMutation = useMutation(submitOptionMutationOptions());
+  const submitOptionMutation = useMutation({
+    ...submitOptionMutationOptions, // Spread the mutation options here
+    onSuccess: () => {
+        // Refetch the average scores after a successful submission
+        averageScoreQuery.refetch();
+    },
+    onError: (error) => {
+        console.error("Error submitting option:", error);
+    },
+  });
 
   useEffect(() => {
     const assessmentId = getQueryParam("id");
@@ -213,6 +222,7 @@ export default function AssessmentPage() {
     // Update state
     setAnswers(updatedAnswers);
   
+    // Call the mutation to submit the option
     submitOptionMutation.mutate({
       optionId,
       assessmentId,