api fetch type fixed

src/pages/EventItem.tsx

@@ -1,5 +1,5 @@
 // Modules
-import { useEffect, useState } from "react";
+import React, { useEffect, useState } from "react";
 import { useParams } from "react-router-dom";
 import Skeleton from "react-loading-skeleton";
 
@@ -11,13 +11,35 @@ import EventDate from "../components/global/EventDate";
 import { getEvent } from "../helpers/apiRequests";
 import { highlightColor } from "../helpers/otherVariables";
 
+// Types
+import { eventType } from "../types/events";
+type stateBool = [boolean, React.Dispatch<boolean>];
+
 const EventItem = () => {
+  const [loader, setLoader]: stateBool = useState(true);
+  const [eventData, setEventData]: [eventType, React.Dispatch<eventType>] =
+    useState({
+      id: -1,
+      title: "",
+      excerpt: "",
+      published_at: "",
+      featured_images: [
+        {
+          id: -1,
+          disk_name: "",
+          file_name: "",
+          path: "",
+          extension: "",
+        },
+      ],
+      content_html: "",
+    });
+  const { eventId } = useParams();
+
   useEffect(() => {
     window.scrollTo(0, 0);
   }, []);
-  const [loader, setLoader] = useState(true);
-  const [eventData, setEventData]: any = useState();
-  const { eventId } = useParams();
+
   useEffect(() => {
     setLoader(true);
     getEvent(eventId, setEventData, setLoader);
@@ -28,7 +50,7 @@ const EventItem = () => {
       <div className="container">
         <div className="eventitem-inner">
           <div className="eventitem-content">
-            {eventData && !loader ? (
+            {eventData.id !== -1 && !loader ? (
               <div className="eventitem-top">
                 <EventDate time={"00:00"} date={eventData.published_at} />
                 <h2>{eventData.title}</h2>
@@ -64,7 +86,7 @@ const EventItem = () => {
                 />
               </div>
             )}
-            {eventData && !loader ? (
+            {eventData.id !== -1 && !loader ? (
               <div className="eventitem-bottom">
                 <div className="eventitem-img">
                   <img src={eventData.featured_images[0].path} alt="" />