diff --git a/package.json b/package.json index c1d0432..0785c31 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "@yourssu/design-system-react", "packageManager": "pnpm@9.15.2", "private": false, - "version": "2.3.2", + "version": "2.3.3", "description": "Yourssu Design System for React", "keywords": [ "yourssu", diff --git a/src/components/Tabs/hooks/useTabs.tsx b/src/components/Tabs/hooks/useTabs.tsx index e83bf0f..4b215c5 100644 --- a/src/components/Tabs/hooks/useTabs.tsx +++ b/src/components/Tabs/hooks/useTabs.tsx @@ -6,9 +6,11 @@ import { TabListProps, TabPanelProps, TabProps } from '../Tabs.type'; export const useTabs = ({ defaultTab, scrollable = true, + transition = true, }: { defaultTab: TabType; scrollable?: boolean; + transition?: boolean; }) => { const [isPending, startTransition] = useTransition(); const [currentTab, setCurrentTab] = useState(defaultTab); @@ -42,7 +44,7 @@ export const useTabs = ({ const tabRef = useRef(null); const onClickWrapper = (event: React.MouseEvent) => { - startTransition?.(() => setCurrentTab?.(id)); + transition && startTransition(() => setCurrentTab?.(id)); onClick?.(event); };