From a3f075fa4b95decf17f1119f592a26d413f31620 Mon Sep 17 00:00:00 2001
From: Thomas Rogers <podginator@gmail.com>
Date: Thu, 7 Mar 2024 20:42:07 +0100
Subject: [PATCH] UseEffect to make sure that window is not undefined

---
 .../web/components/templates/navMenu/LibraryMenu.tsx   | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/web/components/templates/navMenu/LibraryMenu.tsx b/packages/web/components/templates/navMenu/LibraryMenu.tsx
index 0fd995930..7a48e621b 100644
--- a/packages/web/components/templates/navMenu/LibraryMenu.tsx
+++ b/packages/web/components/templates/navMenu/LibraryMenu.tsx
@@ -1,4 +1,4 @@
-import { ReactNode, useEffect, useMemo, useRef } from 'react'
+import { ReactNode, useEffect, useMemo, useRef, useState } from "react"
 import { StyledText } from '../../elements/StyledText'
 import { Box, HStack, SpanBox, VStack } from '../../elements/LayoutPrimitives'
 import { Button } from '../../elements/Button'
@@ -735,11 +735,13 @@ type NavButtonRedirectProps = {
 }
 
 function NavRedirectButton(props: NavButtonRedirectProps): JSX.Element {
-  const selected = useMemo(() => {
-    return window.location.pathname.includes(props.redirectLocation)
-  }, [props.redirectLocation])
+  const [selected, setSelected] = useState(false);
   const router = useRouter()
 
+  useEffect(() => {
+    setSelected(window.location.pathname.includes(props.redirectLocation))
+  }, [])
+
   return (
     <HStack
       alignment="center"