diff --git a/src/components/ActionIcon.tsx b/src/components/ActionIcon.tsx
index 60566a8..c7169e9 100644
--- a/src/components/ActionIcon.tsx
+++ b/src/components/ActionIcon.tsx
@@ -7,7 +7,7 @@ type ActionIconProps = {
   icon: IconProps['icon'];
   onClick?: MouseEventHandler<HTMLButtonElement>;
   extendClassName?: HTMLButtonElement['className'];
-  ref: RefObject<HTMLButtonElement>;
+  ref?: RefObject<HTMLButtonElement>;
 };
 
 export function ActionIcon({ icon, onClick, extendClassName, ref }: ActionIconProps) {