From e8a64c613ac240d6bb6cf1c6ff61171892832489 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Mon, 16 Mar 2026 22:41:31 +0100
Subject: [PATCH] Fix mobile bottom navigation

---
 .../navigation-bar/components/MobileBottomBar.tsx      | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/features/navigation-bar/components/MobileBottomBar.tsx b/src/features/navigation-bar/components/MobileBottomBar.tsx
index b17a41ae..a3f7ff25 100644
--- a/src/features/navigation-bar/components/MobileBottomBar.tsx
+++ b/src/features/navigation-bar/components/MobileBottomBar.tsx
@@ -7,6 +7,7 @@
  */
 
 import BottomNavigation from '@mui/material/BottomNavigation';
+import type { BottomNavigationActionProps } from '@mui/material/BottomNavigationAction';
 import BottomNavigationAction from '@mui/material/BottomNavigationAction';
 import Paper from '@mui/material/Paper';
 import type { CSSProperties } from 'react';
@@ -27,17 +28,20 @@ const BottomNavigationItem = ({
     SelectedIconComponent,
     IconComponent,
     isActive,
-}: NavbarItem & { isActive: boolean }) => {
+    ...bottomNavigationActionProps
+}: NavbarItem & {
+    isActive: boolean;
+} & Omit<BottomNavigationActionProps, 'value' | 'label' | 'icon' | 'title'>) => {
     const { t } = useLingui();
     const count = useBadge?.()?.count;
 
     return (
         <BottomNavigationAction
-            key={path}
+            {...bottomNavigationActionProps}
             value={path}
             label={t(title)}
             icon={
-                <Badge key={path} badgeContent={count} color="primary">
+                <Badge badgeContent={count} color="primary">
                     {isActive ? <SelectedIconComponent /> : <IconComponent />}
                 </Badge>
             }