🐛 fix: Fix type

lobehub · Jun 25, 2024 · 6b289c9 · 6b289c9
1 parent 3ae30ff
commit 6b289c9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/FileTypeIcon/index.tsx b/src/FileTypeIcon/index.tsx
@@ -5,15 +5,17 @@ import { memo, useMemo } from 'react';
 
 import { DivProps, SvgProps } from '@/types';
 
-export interface FileTypeIconProps extends SvgProps {
+type IconProps = SvgProps & DivProps;
+
+export interface FileTypeIconProps extends IconProps {
   color?: string;
   filetype?: string;
   size?: number;
   type?: 'file' | 'folder';
   variant?: 'color' | 'mono';
 }
 
-const FileTypeIcon = memo<FileTypeIconProps & DivProps>(
+const FileTypeIcon = memo<FileTypeIconProps>(
   ({ color, filetype, type = 'file', size = 48, style, variant, ...rest }) => {
     const theme = useTheme();
     const fontSize = useMemo(() => {

diff --git a/src/MaterialFileTypeIcon/index.tsx b/src/MaterialFileTypeIcon/index.tsx
@@ -10,15 +10,15 @@ import { DivProps } from '@/types';
 
 import { getIconUrlForDirectoryPath, getIconUrlForFilePath } from './utils';
 
-export interface MaterialFileTypeIconProps {
+export interface MaterialFileTypeIconProps extends DivProps {
   filename: string;
   open?: boolean;
   size?: number;
   type?: 'file' | 'folder';
   variant?: 'pure' | 'file' | 'folder';
 }
 
-const MaterialFileTypeIcon = memo<MaterialFileTypeIconProps & DivProps>(
+const MaterialFileTypeIcon = memo<MaterialFileTypeIconProps>(
   ({ filename, size = 48, variant = 'pure', type, style, open, ...rest }) => {
     const genCdnUrl = useCdnFn();
     const ICONS_URL = genCdnUrl({