oppgraderer zustand -> ^5.0.3

package.json

@@ -32,7 +32,7 @@
     "react-snowfall": "^2.2.0",
     "swr": "^2.3.0",
     "zod": "^3.24.1",
-    "zustand": "^4.5.5"
+    "zustand": "^5.0.3"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.2.0",

src/utils/compare-alternatives-state-util.ts

@@ -49,8 +49,8 @@ export const useAlternativeProductCompareStore = create<AlternativeProductCompar
 // otherwise it causes a mismatch between SSR and client render
 // see: https://github.com/pmndrs/zustand/issues/1145
 // https://github.com/TxnLab/use-wallet/pull/23/commits/f4c13aad62839500066d694a5b0f4a4c24c3c8d3
-export const useHydratedAlternativeProductsCompareStore = ((selector, compare) => {
-  const store = useAlternativeProductCompareStore(selector, compare)
+export const useHydratedAlternativeProductsCompareStore = (() => {
+  const store = useAlternativeProductCompareStore()
   const [hydrated, setHydrated] = useState(false)
   useEffect(() => setHydrated(true), [])
   return hydrated

src/utils/global-state-util.ts

@@ -4,7 +4,7 @@ import { useEffect, useState } from 'react'
 
 import { create } from 'zustand'
 import { createJSONStorage, persist } from 'zustand/middleware'
-import { Product } from "@/utils/product-util";
+import { Product } from '@/utils/product-util'
 
 export enum CompareMenuState {
   Open = 'Open',
@@ -14,7 +14,7 @@ export enum CompareMenuState {
 type ProductCompareState = {
   compareMenuState: CompareMenuState
   setCompareMenuState: (state: CompareMenuState) => void
-  productsToCompare: (Product)[]
+  productsToCompare: Product[]
   setProductToCompare: (product: Product) => void
   removeProduct: (productId: string) => void
   resetProductToCompare: () => void
@@ -26,7 +26,7 @@ export const useProductCompareStore = create<ProductCompareState>()(
       compareMenuState: CompareMenuState.Minimized,
       productsToCompare: [],
       setCompareMenuState: (menuState) => set(() => ({ compareMenuState: menuState })),
-      setProductToCompare: (product) =>{
+      setProductToCompare: (product) => {
         set((state) => ({ productsToCompare: state.productsToCompare.concat(product) }))
       },
       removeProduct: (productId: string) =>
@@ -46,20 +46,20 @@ export const useProductCompareStore = create<ProductCompareState>()(
 // otherwise it causes a mismatch between SSR and client render
 // see: https://github.com/pmndrs/zustand/issues/1145
 // https://github.com/TxnLab/use-wallet/pull/23/commits/f4c13aad62839500066d694a5b0f4a4c24c3c8d3
-export const useHydratedCompareStore = ((selector, compare) => {
-  const store = useProductCompareStore(selector, compare)
+export const useHydratedCompareStore = (() => {
+  const store = useProductCompareStore()
   const [hydrated, setHydrated] = useState(false)
   useEffect(() => setHydrated(true), [])
   return hydrated
     ? store
     : {
-      compareMenuState: CompareMenuState.Minimized,
-      productsToCompare: [],
-      setCompareMenuState: () => undefined,
-      setProductToCompare: () => undefined,
-      removeProduct: () => undefined,
-      resetProductToCompare: () => undefined,
-    }
+        compareMenuState: CompareMenuState.Minimized,
+        productsToCompare: [],
+        setCompareMenuState: () => undefined,
+        setProductToCompare: () => undefined,
+        removeProduct: () => undefined,
+        resetProductToCompare: () => undefined,
+      }
 }) as typeof useProductCompareStore
 
 type MenuState = {