: JSX.Element[]

src/App/App.tsx

@@ -52,7 +52,7 @@ const App = () => {
     const timer = setTimeout(() => {
       console.log("Hiding loading screen");
       setIsLoading(false);
-    }, 0); // Adjust the delay as needed, Update the loading state after 3 seconds
+    }, 1000); // Adjust the delay as needed, Update the loading state after 3 seconds
 
     return () => {
       console.log("Cleaning up timer");

src/components/Calendar/Calendar.tsx

@@ -2,8 +2,8 @@ import { CalTabs } from "./cal-content";
 
 
 export function Calendar(){
-let arrows = Arrows(); 
-let tabs = CalTabs(); 
+let arrows: JSX.Element[] = Arrows(); 
+let tabs: JSX.Element[] = CalTabs(); 
     return(
         <div className="cal">
 
@@ -38,7 +38,7 @@ let tabs = CalTabs();
 
 function Arrows(){
     const months = ["February", "March", "April", "May", "June", "July", "August", "September", "October"]
-    let arrows = [];
+    let arrows: JSX.Element[] = [];
     for (let index = 0; index < months.length; index++) {
         if (index == 0) {
             console.log(`months[index] = ${months[index]}` )

src/components/Calendar/cal-content.tsx

@@ -4,7 +4,7 @@ import PreCyse from "../precyse";
 
 export function CalTabs(){
 
-    let tablist = []; 
+    let tablist: JSX.Element[] = []; 
     for (let index = 0; index < tabs.length; index++) {
         tablist.push(
             <div className="cal-entry" id={tabs[index].cssname} style={{display: "none"}}>