🐛 fix: fix image display error (lobehub#777)

1873857159 · Dec 23, 2023 · 08659d6 · 08659d6
1 parent ab99e3f
commit 08659d6
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/FileList/index.tsx b/src/components/FileList/index.tsx
@@ -1,5 +1,5 @@
 import { ImageGallery } from '@lobehub/ui';
-import { memo } from 'react';
+import { memo, useMemo } from 'react';
 
 import GalleyGrid from '@/components/GalleyGrid';
 
@@ -10,9 +10,11 @@ interface FileListProps {
 }
 
 const FileList = memo<FileListProps>(({ items }) => {
+ const data = useMemo(() => items.map((id) => ({ id })), [items]);
+
  return (
  <ImageGallery>
- <GalleyGrid items={items} renderItem={ImageFileItem} />
+ <GalleyGrid items={data} renderItem={ImageFileItem} />
  </ImageGallery>
  );
 });