From c93c20277dc69135aa578c80a58dfc57c95c68cf Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Thu, 8 Jan 2026 01:38:10 +0100
Subject: [PATCH] Add nonce parameter to QuizPage and update QuizRunner key

---
 client/src/pages/QuizPage.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/client/src/pages/QuizPage.tsx b/client/src/pages/QuizPage.tsx
index 2a66cc1..34ad972 100644
--- a/client/src/pages/QuizPage.tsx
+++ b/client/src/pages/QuizPage.tsx
@@ -5,9 +5,10 @@ import QuizRunner from '../components/QuizRunner';
 export default function QuizPage() {
   const [params] = useSearchParams();
 
-  const { mode, entryId } = useMemo(() => {
+  const { mode, entryId, nonce } = useMemo(() => {
     const modeParam = params.get('mode');
     const idParam = params.get('id');
+    const nonceParam = params.get('nonce') || '';
     let decodedId: string | undefined;
     if (idParam) {
       try {
@@ -16,11 +17,13 @@ export default function QuizPage() {
         decodedId = idParam;
       }
     }
-    return { mode: modeParam, entryId: decodedId };
+    return { mode: modeParam, entryId: decodedId, nonce: nonceParam };
   }, [params]);
 
   const defaultMode = mode === 'entry' ? 'single' : 'all';
   const autoStart = true;
 
-  return <QuizRunner defaultMode={defaultMode} defaultEntryId={entryId} autoStart={autoStart} />;
+  const runnerKey = `${defaultMode}-${entryId || 'all'}-${nonce}`;
+
+  return <QuizRunner key={runnerKey} defaultMode={defaultMode} defaultEntryId={entryId} autoStart={autoStart} />;
 }