fix(website): use static CodeBlock component in type tables

Author: Rel1cx

VERSION

@@ -1 +1 @@
-1.32.0-next.0
+1.32.0-beta.0

apps/website/components/code-block.tsx

@@ -0,0 +1,23 @@
+import { highlight } from "fumadocs-core/highlight";
+import * as Base from "fumadocs-ui/components/codeblock";
+
+export interface CodeBlockProps {
+  code: string;
+  lang: string;
+  wrapper?: Base.CodeBlockProps;
+}
+
+export async function CodeBlock({ code, lang, wrapper }: CodeBlockProps) {
+  const rendered = await highlight(code, {
+    components: {
+      pre: Base.Pre,
+    },
+    lang,
+    themes: {
+      dark: "vesper",
+      light: "github-light",
+    },
+  });
+
+  return <Base.CodeBlock {...wrapper}>{rendered}</Base.CodeBlock>;
+}

apps/website/content/docs/configurations.tsx

@@ -1,9 +1,10 @@
 /* eslint-disable perfectionist/sort-objects */
 import dedent from "dedent";
-import { DynamicCodeBlock } from "fumadocs-ui/components/dynamic-codeblock";
 import { TypeTable } from "fumadocs-ui/components/type-table";
 import { Link } from "next-view-transitions";
 
+import { CodeBlock } from "#/components/code-block";
+
 export function SettingsTypeTable() {
   return (
     <TypeTable
@@ -39,7 +40,7 @@ export function SettingsTypeTable() {
           description: <Link href="#additionalcomponents">An array of components and its attributes mapping ⤵</Link>,
           default: "[]",
           typeDescription: (
-            <DynamicCodeBlock
+            <CodeBlock
               code={dedent`
                 type CustomComponent = {
                   name: string;
@@ -60,7 +61,7 @@ export function SettingsTypeTable() {
           description: <Link href="#additionalhooks">An object of aliases for React built-in Hooks ⤵</Link>,
           default: "{}",
           typeDescription: (
-            <DynamicCodeBlock
+            <CodeBlock
               code={dedent`
                 type ReactBuiltInHookName =
                   | "use"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/monorepo",
-  "version": "1.32.0-next.0",
+  "version": "1.32.0-beta.0",
   "private": true,
   "description": "Monorepo for eslint-plugin-react-[x, dom, web-api, hooks-extra, naming-convention].",
   "keywords": [

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eslint-react/core",
-  "version": "1.32.0-next.0",
+  "version": "1.32.0-beta.0",
   "description": "ESLint React's ESLint utility module for static analysis of React core APIs and Patterns.",
   "homepage": "https://github.com/Rel1cx/eslint-react",
   "bugs": {

packages/plugins/eslint-plugin-react-debug/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-debug",
-  "version": "1.32.0-next.0",
+  "version": "1.32.0-beta.0",
   "description": "ESLint React's ESLint plugin for debugging related rules.",
   "keywords": [
     "react",

packages/plugins/eslint-plugin-react-dom/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-dom",
-  "version": "1.32.0-next.0",
+  "version": "1.32.0-beta.0",
   "description": "ESLint React's ESLint plugin for React DOM related rules.",
   "keywords": [
     "react",

packages/plugins/eslint-plugin-react-hooks-extra/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-hooks-extra",
-  "version": "1.32.0-next.0",
+  "version": "1.32.0-beta.0",
   "description": "ESLint React's ESLint plugin for React Hooks related rules.",
   "keywords": [
     "react",

packages/plugins/eslint-plugin-react-naming-convention/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-naming-convention",
-  "version": "1.32.0-next.0",
+  "version": "1.32.0-beta.0",
   "description": "ESLint React's ESLint plugin for naming convention related rules.",
   "keywords": [
     "react",

packages/plugins/eslint-plugin-react-web-api/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-web-api",
-  "version": "1.32.0-next.0",
+  "version": "1.32.0-beta.0",
   "description": "ESLint React's ESLint plugin for interacting with Web APIs",
   "keywords": [
     "react",