fix(suite): missing key props

trezor · Jul 2, 2024 · 20b8eb2 · 20b8eb2
1 parent ac38f82
commit 20b8eb2
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/components/src/components/HotkeyBadge/HotkeyBadge.tsx b/packages/components/src/components/HotkeyBadge/HotkeyBadge.tsx
@@ -8,6 +8,7 @@ import {
 import styled from 'styled-components';
 import { ElevationDown, useElevation } from '../ElevationContext/ElevationContext';
 import { Keys, keyboardKeys } from './keyboardKeys';
+import { Fragment } from 'react';
 
 export const Container = styled.div<{ $elevation: Elevation; $isActive: boolean }>`
     display: flex;
@@ -45,10 +46,10 @@ const Component = ({ isActive = true, hotkey }: HotkeyBadgeProps) => {
                 const value = isMac ? macValue : keyObject.value;
 
                 return (
-                    <>
-                        <span key={`hotkey-${key}-${index}`}>{value.toUpperCase()}</span>
+                    <Fragment key={`hotkey-${key}-${index}`}>
+                        <span>{value.toUpperCase()}</span>
                         {isNotLast && <Plus />}
-                    </>
+                    </Fragment>
                 );
             })}
         </Container>