diff --git a/src/pages/quiz/[id]/pembahasan.tsx b/src/pages/quiz/[id]/pembahasan.tsx
index 9fe816ee9c419eef2cd6593d330c0e679b997fc5..598022f4b7e81dcb5d2c9f76db6fd5cc8e9b5a7d 100644
--- a/src/pages/quiz/[id]/pembahasan.tsx
+++ b/src/pages/quiz/[id]/pembahasan.tsx
@@ -12,12 +12,16 @@ import {
 } from '@chakra-ui/react';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
+import { useEffect, useState } from 'react';
 
 function Pembahasan() {
   const router = useRouter();
-  // const userAnswers: UserAnswer[] = JSON.parse(
-  //   router.query.userAnswers as string
-  // );
+  const [userAnswers, setUserAnswers] = useState<UserAnswer[]>([]);
+
+  useEffect(() => {
+    // parse user answer as UserAnswer[] from router.query.userAnswers
+    setUserAnswers(JSON.parse(router.query.userAnswers as string));
+  }, [router.query.userAnswers]);
 
   return (
     <Layout>