Fix Destructuring Error - setLoading(true)

Author: pktcodes

src/App.js

@@ -5,13 +5,7 @@ import SetupForm from "./SetupForm";
 import Loading from "./Loading";
 import Modal from "./Modal";
 function App() {
-  const {
-    waiting,
-    loading,
-    questions: tempQuestions,
-    index,
-    correct,
-  } = useGlobalContext();
+  const { waiting, loading, questions, index, correct } = useGlobalContext();
 
   if (waiting) {
     return <SetupForm></SetupForm>;
@@ -21,11 +15,6 @@ function App() {
     return <Loading></Loading>;
   }
 
-  const questionsData = { ...tempQuestions[0] };
-  console.log(questionsData);
-  const { correct_answer, incorrect_answers, question } = questionsData;
-  const answers = [...incorrect_answers, correct_answer];
-  console.log(answers);
   return <main>quiz</main>;
 }
 

src/context.js

@@ -26,7 +26,7 @@ const AppProvider = ({ children }) => {
   const [isModalOpen, setIsModalOpen] = useState(false);
 
   const fetchQuestions = async (url) => {
-    setLoading(false);
+    setLoading(true);
     setWaiting(false);
     const response = await axios(url).catch((error) => console.log(error));