```tsx import React, { useState } from "react"; export default function App() { const [questions, setQuestions] = useState([ { id: 1, question: "What is the capital of France?", options: ["Paris", "Rome", "Madrid", "Berlin"], answer: "Paris", }, { id: 2, question: "Who painted the Mona Lisa?", options: ["Leonardo da Vinci", "Pablo Picasso", "Vincent van Gogh", "Michelangelo"], answer: "Leonardo da Vinci", }, { id: 3, question: "What is the largest planet in our solar system?", options: ["Jupiter", "Saturn", "Mars", "Earth"], answer: "Jupiter", }, ]); const [currentQuestion, setCurrentQuestion] = useState(0); const [score, setScore] = useState(0); const [showScore, setShowScore] = useState(false); const handleAnswerOptionClick = (selectedAnswer: string) => { if (selectedAnswer === questions[currentQuestion].answer) { setScore(score + 1); } const nextQuestion = currentQuestion + 1; if (nextQuestion < questions.length) { setCurrentQuestion(nextQuestion); } else { setShowScore(true); } }; return (

{showScore ? (

Your Score

You got {score} out of {questions.length} questions correct.

) : (

Question {currentQuestion + 1}

{questions[currentQuestion].question}

{questions[currentQuestion].options.map((option, index) => ( ))}

Score: {score}

)}

); } ```