From aeed535c33bc6f404212942d90116386831138d3 Mon Sep 17 00:00:00 2001
From: plebbitor <mottoes_recap0u@icloud.com>
Date: Thu, 20 Apr 2023 14:07:46 +0200
Subject: [PATCH] fix ImageBanner unnecessary re-render

---
 src/components/ImageBanner.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/ImageBanner.jsx b/src/components/ImageBanner.jsx
index 2e50de2d..783c9325 100644
--- a/src/components/ImageBanner.jsx
+++ b/src/components/ImageBanner.jsx
@@ -4,6 +4,8 @@ import { useLocation } from 'react-router-dom';
 const ImageBanner = () => {
   const [currentImage, setCurrentImage] = useState(null);
   const location = useLocation();
+  
+  const parentRoute = location.pathname.split('/').slice(0, 3).join('/');
 
   useEffect(() => {
     let isMounted = true;
@@ -27,7 +29,7 @@ const ImageBanner = () => {
     return () => {
       isMounted = false;
     };
-  }, [location.key]);
+  }, [parentRoute]);
 
   return (
     <>