chore: PR review

Author: anyulled

src/2023/Home/components/SpeakersCarousel/SpeakerSwiper.tsx

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import React, { FC } from "react";
 import { Autoplay, Parallax } from "swiper";
 import { Swiper, SwiperSlide } from "swiper/react";
 import styled from "styled-components";
@@ -61,9 +61,9 @@ const SpeakerSwiper: FC<React.PropsWithChildren<unknown>> = () => {
     conferenceData.sessionizeUrl,
   );
 
-  const swiperSpeakers: ISpeaker[] = data
-    ? shuffleArray(data).slice(0, 20)
-    : [];
+  const swiperSpeakers: ISpeaker[] = React.useMemo(() => data
+      ? shuffleArray(data).slice(0, 20)
+      : [], [data]);
 
   useSentryErrorReport(error);
 

src/2024/SpeakersCarousel/SpeakerSwiper.tsx

@@ -44,9 +44,9 @@ const SpeakerSwiper: FC<React.PropsWithChildren<unknown>> = () => {
     conferenceData.sessionizeUrl,
   );
 
-  const swiperSpeakers: ISpeaker[] = data
+  const swiperSpeakers: ISpeaker[] = React.useMemo(() => data
       ? shuffleArray(data).slice(0, 20)
-      : [];
+      : [], [data]);
 
   useSentryErrorReport(error);
 

src/views/Home/components/SpeakersCarousel/SpeakerSwiper.tsx

@@ -42,9 +42,9 @@ const SpeakerSwiper: FC<React.PropsWithChildren<unknown>> = () => {
     conferenceData.sessionizeUrl,
   );
 
-  const cachedSpeakers: ISpeaker[] = data
-    ? shuffleArray(data).slice(0, 20)
-    : [];
+  const cachedSpeakers: ISpeaker[] = React.useMemo(() => data
+      ? shuffleArray(data).slice(0, 20)
+      : [], [data]);
 
   useSentryErrorReport(error);