can delete without errors

nextjs/src/app/course/[courseName]/modules/[moduleName]/assignment/[assignmentName]/AssignmentButtons.tsx

@@ -127,11 +127,11 @@ export function AssignmentButtons({
                 <div className="flex justify-around gap-3">
                   <button
                     onClick={() => {
-                      deleteLocal
-                        .mutateAsync({ moduleName, itemName: assignmentName })
-                        .then(() => {
-                          router.push(getCourseUrl(courseName));
-                        });
+                      router.push(getCourseUrl(courseName));
+                      deleteLocal.mutate({
+                        moduleName,
+                        itemName: assignmentName,
+                      });
                     }}
                     className="btn-danger"
                   >

nextjs/src/app/course/[courseName]/modules/[moduleName]/page/[pageName]/EditPageButtons.tsx

@@ -14,6 +14,7 @@ import {
 } from "@/hooks/localCourse/pageHooks";
 import { baseCanvasUrl } from "@/services/canvas/canvasServiceUtils";
 import { getCourseUrl } from "@/services/urlUtils";
+import { revalidatePath } from "next/cache";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 import React from "react";
@@ -99,10 +100,12 @@ export default function EditPageButtons({
               <br />
               <div className="flex justify-around gap-3">
                 <button
-                  onClick={async () => {
-                    deletePageLocal
-                      .mutateAsync({ moduleName, itemName: pageName })
-                      .then(() => router.push(getCourseUrl(courseName)));
+                  onClick={() => {
+                    router.push(getCourseUrl(courseName));
+                    deletePageLocal.mutate({
+                      moduleName,
+                      itemName: pageName,
+                    });
                   }}
                   className="btn-danger"
                 >

nextjs/src/app/course/[courseName]/modules/[moduleName]/quiz/[quizName]/QuizButton.tsx

@@ -87,9 +87,8 @@ export function QuizButtons({
                 <div className="flex justify-around gap-3">
                   <button
                     onClick={async () => {
-                      deleteLocal
-                        .mutateAsync({ moduleName, itemName: quizName })
-                        .then(() => router.push(getCourseUrl(courseName)));
+                      router.push(getCourseUrl(courseName));
+                      deleteLocal.mutate({ moduleName, itemName: quizName });
                     }}
                     className="btn-danger"
                   >