Fix render update

Author: Xwilarg

src/components/BoardWrapper.jsx

@@ -11,7 +11,7 @@ export const BoardWrapper = (props) => {
   const [currAction, setCurrAction] = useState("");
   const timerRef = useRef();
   const boardCover = useRef();
-  let displayCover = props.G.gamemode === "p";
+  let [displayCover, setDisplayCover] = useState(props.G.gamemode === "p");
 
   const additionalProps = {
     currAction,
@@ -21,7 +21,7 @@ export const BoardWrapper = (props) => {
 
   // For puzzle mode, is first covered by a black cover that we must click to reveal it
   const hideCover = () => {
-    displayCover = false;
+    setDisplayCover(false);
     timerRef.current?.startTimer();
   };
 
@@ -32,11 +32,11 @@ export const BoardWrapper = (props) => {
         <Timer ref={timerRef} />
         <div id="board-container">
           <Board />
-          {displayCover ? (
+          {displayCover && (
             <div ref={boardCover} id="board-cover" onClick={hideCover}>
               <p>Click to start puzzle!</p>
             </div>
-          ) : null}
+          )}
         </div>
         <ActionBar />
       </div>