fixed_some_types

src/containers/my-quizzes/create-or-edit-quiz-container/CreateOrEditQuizContainer.constants.ts

@@ -4,7 +4,7 @@ export const defaultResponse = {
   description: '',
   items: [],
   author: { _id: '' },
-  category: '',
+  category: null,
   createdAt: '',
   updatedAt: ''
 }

src/containers/my-quizzes/create-or-edit-quiz-container/CreateOrEditQuizContainer.tsx

@@ -59,7 +59,7 @@ const CreateOrEditQuizContainer = ({
     _: React.SyntheticEvent,
     value: Category | null
   ) => {
-    setCategory(value?._id ?? '')
+    setCategory(value?._id ?? null)
   }
 
   const handleResponse = () => {

src/pages/new-quiz/NewQuiz.constants.tsx

@@ -17,8 +17,8 @@ export interface QuizContentProps {
   setDescription: Dispatch<SetStateAction<CreateQuizParams['description']>>
   questions: Question[]
   setQuestions: Dispatch<SetStateAction<Question[]>>
-  category: string
-  setCategory: Dispatch<SetStateAction<string>>
+  category: string | null
+  setCategory: Dispatch<SetStateAction<string | null>>
 }
 
 export interface QuizTabsData {

src/pages/new-quiz/NewQuiz.tsx

@@ -12,7 +12,7 @@ const NewQuiz = () => {
   const [questions, setQuestions] = useState<Question[]>([])
   const [title, setTitle] = useState<string>('')
   const [description, setDescription] = useState<string>('')
-  const [category, setCategory] = useState<string>('')
+  const [category, setCategory] = useState<string | null>(null)
 
   const handleClick = (tab: string) => {
     setActiveTab(tab)

src/types/quizzes/interfaces/quizzes.interface.ts

@@ -9,12 +9,12 @@ export interface Quiz extends CommonEntityFields {
   title: string
   items: QuestionWithAnswers[]
   author: Pick<UserResponse, '_id'>
-  category: string
+  category: string | null
 }
 
 export interface CreateQuizParams {
   title: string
   description: string
   items: Question[]
-  category: string
+  category: string | null
 }