routerをrefreshして新しいデータをとる

k35o · Sep 29, 2024 · 7868646 · 7868646
1 parent c6c0e2d
commit 7868646
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/app/quizzes/_components/question/question.tsx b/src/app/quizzes/_components/question/question.tsx
@@ -7,6 +7,7 @@ import { QuizProgress } from '../quiz-progress';
 import { Answer } from '../answer';
 import { Feedback } from '../feedback';
 import { checkAnswer } from '../../_utils/check-answer';
+import { useRouter } from 'next/navigation';
 
 type QuestionProps = FC<{
   quizzes: Quiz[];
@@ -21,6 +22,8 @@ export const Question: QuestionProps = ({ quizzes }) => {
   const [score, setScore] = useState(0);
   const currentQuiz = quizzes[count];
 
+  const router = useRouter();
+
   if (currentQuiz === undefined) {
     throw new Error('クイズがありません');
   }
@@ -48,10 +51,11 @@ export const Question: QuestionProps = ({ quizzes }) => {
   }, [count, quizzes.length]);
 
   const handleReset = useCallback(() => {
+    router.refresh();
     setCount(0);
     setStatus('none');
     setAnswer('');
-  }, []);
+  }, [router]);
 
   if (status === 'complete') {
     return (