feat: marshall question response into Question object

.prettierrc.json

@@ -1,12 +1,21 @@
 {
-  "plugins": ["@trivago/prettier-plugin-sort-imports"],
+  "plugins": [
+    "@trivago/prettier-plugin-sort-imports"
+  ],
   "semi": false,
   "trailingComma": "es5",
   "singleQuote": true,
   "tabWidth": 2,
   "useTabs": false,
   "printWidth": 100,
-  "importOrder": ["^[./]"],
+  "importOrder": [
+    "^[./]"
+  ],
   "importOrderSeparation": true,
-  "importOrderSortSpecifiers": true
+  "importOrderSortSpecifiers": true,
+  "importOrderParserPlugins": [
+    "typescript",
+    "jsx",
+    "[\"decorators-legacy\", {\"decoratorsBeforeExport\": true}]"
+  ]
 }

package.json

@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@babel/plugin-proposal-decorators": "^7.24.6",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@radix-ui/themes": "^3.0.3",
     "@testing-library/jest-dom": "^5.17.0",

src/hooks/question.ts

@@ -1,14 +1,19 @@
+import { plainToInstance } from 'class-transformer'
 import { useEffect, useState } from 'react'
 
 import axiosInstance from '../api/axiosInstance'
 import routes from '../api/routes'
+import { Question } from '../types/exam'
 
 export const useQuestion = (number: number | undefined) => {
-  const [question, setQuestion] = useState<any>()
+  const [question, setQuestion] = useState<Question>()
   const [questionIsLoaded, setQuestionIsLoaded] = useState(false)
   useEffect(() => {
     if (number === undefined) return
-    axiosInstance.get(routes.question(number)).then(console.log)
+    axiosInstance
+      .get(routes.question(number))
+      .then(({ data }) => setQuestion(plainToInstance(Question, data)))
+      .finally(() => setQuestionIsLoaded(true))
   }, [number])
   return { question, questionIsLoaded }
 }

src/index.tsx

@@ -2,6 +2,7 @@ import { Theme, ThemePanel } from '@radix-ui/themes'
 import '@radix-ui/themes/styles.css'
 import React from 'react'
 import ReactDOM from 'react-dom/client'
+import 'reflect-metadata'
 
 import App from './App'
 import './index.css'