diff --git a/src/components/common/TabCommon/TabCommon.tsx b/src/components/common/TabCommon/TabCommon.tsx
index a2d47c1ed..1b56d8a4b 100644
--- a/src/components/common/TabCommon/TabCommon.tsx
+++ b/src/components/common/TabCommon/TabCommon.tsx
@@ -4,7 +4,7 @@ import s from './TabCommon.module.scss'
 import TabItem from './TabItem/TabItem'
 
 interface TabCommonProps {
-    tabs: {ref:RefObject<HTMLLIElement>, tabName: string, active: boolean, onClick: (tabIndex: number, tabPane: string) => void}[];
+    tabs: {ref:RefObject<HTMLLIElement>, tabName: string, active: boolean, onClick: (tabIndex: number, tabPane?: string) => void}[];
     defaultActiveTab: number;
     sliderRef : RefObject<HTMLDivElement>;
     slideToTab: (ref: any) => void;
diff --git a/src/components/common/TabCommon/TabItem/TabItem.tsx b/src/components/common/TabCommon/TabItem/TabItem.tsx
index 4c0a7cf30..ab9eb69f9 100644
--- a/src/components/common/TabCommon/TabItem/TabItem.tsx
+++ b/src/components/common/TabCommon/TabItem/TabItem.tsx
@@ -4,7 +4,7 @@ import s from './TabItem.module.scss'
 interface TabItemProps {
     active: boolean;
     children: string;
-    onClick: (tabIndex: number, tabPane: string) => void;
+    onClick: (tabIndex: number, tabPane?: string) => void;
 }
 
 const TabItem = ({ active = false, children, onClick } : TabItemProps) => {