Merge pull request #223 from rsksmart/hotfix/headerItemsKey

fix(header): adds optional key for action items

Author: jurajpiar

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsksmart/rif-ui",
-  "version": "0.5.4",
+  "version": "0.5.5",
   "description": "Exposes common components to be re used in RIF projects",
   "keywords": [
     "RIF",

src/components/organisms/Header/HeaderDesktop.tsx

@@ -93,7 +93,6 @@ const HeaderDesktop: FC<HeaderProps> = ({
               !!itemsEnd?.length
               && itemsEnd.map(({ icon, ...rest }: ActionHeaderItemProps) => (
                 <ListItemIcon
-                  key={icon.key}
                   className={classes.itemsEnd}
                   {...rest}
                 >

src/components/organisms/Header/HeaderMobile.tsx

@@ -124,7 +124,6 @@ const HeaderMobile: FC<HeaderProps> = ({
                   && itemsEnd
                     .map(({ icon, ...rest }: ActionHeaderItemProps) => (
                       <ListItemIcon
-                        key={icon.key}
                         className={classes.itemsEnd}
                         {...rest}
                       >

src/components/organisms/Header/HeaderProps.ts

@@ -17,4 +17,5 @@ export type NavHeaderItemProps = {
 
 export type ActionHeaderItemProps = {
   icon: ReactElement
+  key?: string
 } & Partial<HTMLAttributes<HTMLElement>>