diff --git a/frontend/src/utils/assignment.js b/frontend/src/utils/assignment.js
index 6fb916028..1f1e894d5 100644
--- a/frontend/src/utils/assignment.js
+++ b/frontend/src/utils/assignment.js
@@ -4,10 +4,9 @@ import AssessmentPlugin from '@/components/AssessmentPlugin.vue'
 import translationPlugin from '../translation'
 import { usersStore } from '@/stores/user'
 import { call } from 'frappe-ui'
-import { useRouter } from 'vue-router'
+import router from '@/router'
 import { getLmsRoute } from '@/utils/basePath'
 
-const router = useRouter()
 export class Assignment {
 	constructor({ data, api, readOnly }) {
 		this.data = data
diff --git a/frontend/src/utils/quiz.js b/frontend/src/utils/quiz.js
index 041cec672..eeec3e385 100644
--- a/frontend/src/utils/quiz.js
+++ b/frontend/src/utils/quiz.js
@@ -5,9 +5,7 @@ import { usersStore } from '../stores/user'
 import translationPlugin from '../translation'
 import { CircleHelp } from 'lucide-vue-next'
 import { getLmsRoute } from '@/utils/basePath'
-import { useRouter } from 'vue-router'
-
-const router = useRouter()
+import router from '@/router'
 
 export class Quiz {
 	constructor({ data, api, readOnly }) {
@@ -69,6 +67,7 @@ export class Quiz {
 			},
 		})
 		app.use(translationPlugin)
+		app.use(router)
 		app.mount(this.wrapper)
 	}