chore: InputFile内のloopに設定するkeyの値を調整

kufu · Jan 15, 2025 · 635feb2 · 635feb2
1 parent 0528a2a
commit 635feb2
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/smarthr-ui/src/components/InputFile/InputFile.tsx b/packages/smarthr-ui/src/components/InputFile/InputFile.tsx
@@ -75,7 +75,7 @@ export type Props = VariantProps<typeof inputFile> & {
 type ElementProps = Omit<ComponentPropsWithRef<'input'>, keyof Props>
 
 const DESTROY_BUTTON_TEXT = '削除'
-const BASE_COLUMN_PADDING = { block: 0.5, inline: 1 }
+const BASE_COLUMN_PADDING = { block: 0.5, inline: 1 } as const
 
 export const InputFile = forwardRef<HTMLInputElement, Props & ElementProps>(
   (
@@ -180,7 +180,7 @@ export const InputFile = forwardRef<HTMLInputElement, Props & ElementProps>(
         {!disabled && hasFileList && files.length > 0 && (
           <BaseColumn as="ul" padding={BASE_COLUMN_PADDING} className={fileListStyle}>
             {files.map((file, index) => (
-              <li key={`${file.name}-${index}`} className={fileItemStyle}>
+              <li key={index} className={fileItemStyle}>
                 <span className="smarthr-ui-InputFile-fileName">{file.name}</span>
                 <Button
                   variant="text"