Function MCQCard

apps/web/components/mcq/MCQCard.tsx:8–128

({ problem }: { problem: Problem })

import { createQuizScore, getAllMCQsForProblem } from "../utils";

function MCQCard({ problem }: { problem: Problem }) {
  const session = useSession();

  const [questions, setQuestions] = useState<mcq[]>([]);
  const [score, setScore] = useState<number>(0);
  const [isReset, setIsReset] = useState<boolean>(false);
  const [isSubmitted, setIsSubmitted] = useState<boolean>(false);
  const [feedback, setFeedback] = useState<string>("");
  const [atempted, setAtempted] = useState({});
  // @ts-ignore
  const userId = session.data?.user?.id;

  useEffect(() => {
    const fetchQuestions = async () => {
      try {
        const questions = await getAllMCQsForProblem(problem.id);
        setQuestions(questions);
      } catch (error) {
        console.error("Error fetching MCQ questions:", error);
      }
    };
    fetchQuestions();
  }, [problem.id]);

  const handleResetScore = () => {
    setAtempted({});
    setIsReset(!isReset);
    setScore(0);
  };

  const handleSubmit = (score: number) => {
    setIsSubmitted(!isSubmitted);
    function getScore(atempted: any) {
      let score = 0;
      for (const key in atempted) {
        if (atempted[key]) {
          score++;
        }
      }
      score = parseInt(((score / questions.length) * 100).toPrecision(3));
      return score;
    }
    setScore(getScore(atempted));

    console.log("in submit", score);
    async function submitQuiz() {
      try {
        let score = getScore(atempted);
        console.log("in submit", atempted);
        await createQuizScore({
          userId,
          score,
          problemId: problem.id,
        });
        toast({
          description: "Submitted Successfully",
        });
      } catch (error) {