import Header from "./Header"; import Questions from "./Questions"; import "./index.css"; import { connect } from "react-redux"; import { exam } from "../../redux/actions"; import { Link, useParams } from "react-router-dom"; import { useEffect } from "react"; import { useState } from "react"; let loadingCondition = false; const Exam = ({ examData, setAnswer, endExam, startExam, examLoading, end, }) => { const { id } = useParams(); console.log("Exam render========================="); console.log("||||||||||||||||||||||||||||"); console.log(examData); const [endBox, setEndBox] = useState(false); //getData after refresh------------------------------------------- useEffect(() => { console.log(examData); if (!examData) { // alert("hooo"); startExam({ examId: id, }); } }, []); //active endBox================================ useEffect(() => { if(end){ setEndBox(true); } }, [end]); return (