chore: [email protected] (#4488)

* chore: [email protected]

* chore: add missing website package dependency

Author: Josh Goldberg

Diff for: packages/website/package.json

@@ -13,13 +13,14 @@
   },
   "dependencies": {
     "@babel/runtime": "7.16.7",
-    "@docusaurus/core": "^2.0.0-beta.13",
-    "@docusaurus/plugin-content-docs": "^2.0.0-beta.13",
-    "@docusaurus/plugin-content-pages": "^2.0.0-beta.13",
-    "@docusaurus/plugin-debug": "^2.0.0-beta.13",
-    "@docusaurus/remark-plugin-npm2yarn": "^2.0.0-beta.13",
-    "@docusaurus/theme-classic": "^2.0.0-beta.13",
-    "@docusaurus/theme-search-algolia": "^2.0.0-beta.13",
+    "@docusaurus/core": "^2.0.0-beta.15",
+    "@docusaurus/plugin-content-docs": "^2.0.0-beta.15",
+    "@docusaurus/plugin-content-pages": "^2.0.0-beta.15",
+    "@docusaurus/plugin-debug": "^2.0.0-beta.15",
+    "@docusaurus/remark-plugin-npm2yarn": "^2.0.0-beta.15",
+    "@docusaurus/theme-classic": "^2.0.0-beta.15",
+    "@docusaurus/theme-common": "^2.0.0-beta.15",
+    "@docusaurus/theme-search-algolia": "^2.0.0-beta.15",
     "@mdx-js/react": "1.6.22",
     "@typescript-eslint/website-eslint": "5.10.2",
     "clsx": "^1.1.1",
@@ -33,7 +34,7 @@
     "typescript": "*"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "^2.0.0-beta.13",
+    "@docusaurus/module-type-aliases": "^2.0.0-beta.15",
     "@types/react": "^17.0.34",
     "@types/react-helmet": "^6.1.4",
     "@types/react-router-dom": "^5.3.2",

Diff for: packages/website/src/components/Playground.tsx

@@ -1,7 +1,7 @@
 import React, { useReducer, useState } from 'react';
 import type Monaco from 'monaco-editor';
 import clsx from 'clsx';
-import useThemeContext from '@theme/hooks/useThemeContext';
+import { useColorMode } from '@docusaurus/theme-common';
 
 import styles from './Playground.module.css';
 import Loader from './layout/Loader';
@@ -48,7 +48,7 @@ function Playground(): JSX.Element {
     rules: {},
     tsConfig: {},
   });
-  const { isDarkTheme } = useThemeContext();
+  const { isDarkTheme } = useColorMode();
   const [esAst, setEsAst] = useState<TSESTree.Program | string | null>();
   const [tsAst, setTsAST] = useState<SourceFile | string | null>();
   const [scope, setScope] = useState<Record<string, unknown> | string | null>();