diff --git a/app/learn/[category]/page.tsx b/app/learn/[category]/page.tsx
index 76d3a5f..372c3c4 100644
--- a/app/learn/[category]/page.tsx
+++ b/app/learn/[category]/page.tsx
@@ -1,9 +1,12 @@
 'use client';
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 import { Dialog, DialogPanel } from '@headlessui/react'
 import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline'
 import Logo from '../../components/logo';
 import { CheckIcon } from '@heroicons/react/20/solid';
+import { SessionState } from '@/app/lib/session';
+import { AnswerType, Question, getQuestions } from '@/app/lib/question';
+import QuestionView from '@/app/components/question_component';
 
 
 const Page = ({ params }: { params: { category: string }}) => {