diff --git a/src/renderer/components/grid-carousel/index.tsx b/src/renderer/components/grid-carousel/index.tsx
index 59120676..53472eb5 100644
--- a/src/renderer/components/grid-carousel/index.tsx
+++ b/src/renderer/components/grid-carousel/index.tsx
@@ -90,7 +90,7 @@ const Carousel = ({ data, cardRows }: any) => {
         mode="popLayout"
       >
         <GridContainer
-          key={`carousel-${uniqueId}-${data[0].id}`}
+          key={`carousel-${uniqueId}-${data[0]?.id}`}
           animate="animate"
           custom={{ direction, loading }}
           exit="exit"