diff --git a/packages/website/src/theme/Tabs/index.tsx b/packages/website/src/theme/Tabs/index.tsx
index df1e20373..faafa767d 100644
--- a/packages/website/src/theme/Tabs/index.tsx
+++ b/packages/website/src/theme/Tabs/index.tsx
@@ -2,7 +2,7 @@
 import React from 'react'
 
 // @ts-ignore
-import { useTabGroupChoice } from '/node_modules/@docusaurus/theme-common/lib/contexts/tabGroupChoice'
+import { useTabs } from '/node_modules/@docusaurus/theme-common/lib/utils/tabsUtils'
 import { StackblitzButton } from '@site/src/components/StackblitzButton'
 import { Example } from '@site/src/types/example'
 import Tabs from '@theme-original/Tabs'
@@ -14,8 +14,8 @@ type TabProps = {
 }
 
 export default function TabsWrapper (props: TabProps): JSX.Element {
-  const groups = useTabGroupChoice()
-  const current = groups.tabGroupChoices.framework
+  const groups = useTabs(props)
+  const current = groups.selectedValue
 
   return (
     <>