diff --git a/packages/website/package.json b/packages/website/package.json
index 3e754c816..20a994447 100644
--- a/packages/website/package.json
+++ b/packages/website/package.json
@@ -41,10 +41,10 @@
     "@angular/core": "^12.0.3",
     "@angular/platform-browser": "^12.0.3",
     "@angular/platform-browser-dynamic": "^12.0.3",
-    "@docusaurus/core": "^2.1.0",
-    "@docusaurus/plugin-debug": "^2.1.0",
-    "@docusaurus/plugin-sitemap": "^2.1.0",
-    "@docusaurus/preset-classic": "^2.1.0",
+    "@docusaurus/core": "^2.3.0",
+    "@docusaurus/plugin-debug": "^2.3.1",
+    "@docusaurus/plugin-sitemap": "^2.3.1",
+    "@docusaurus/preset-classic": "^2.3.1",
     "@mdx-js/react": "^1.6.21",
     "@stackblitz/sdk": "1.8.0",
     "clsx": "^1.1.1",
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 (
     <>