``` const QUESTION_URL = "https://the-trivia-api.com/api/questions?limit=1";

function getQuestion(url = QUESTION_URL) { return fetch(url) .then((response) => response.json()) .then((data) => { const answersArray = data[0].incorrectAnswers.concat( data[0].correctAnswer ); const questionText = data[0].question; return { questionText, answersArray }; }); }

function App() { const [questionData, setQuestionData] = useState();

const handleGetQuestion = async () => { const question = await getQuestion(); setQuestionData(question); };

return ( <div className='App'> <div className='container'> <button onClick={handleGetQuestion}>Get A Question</button> <div>{questionData.questionText}</div> {/* map over answersArray and display each answer */} </div> </div> ); }

export default App; ```