chore: migrate back to react

docusaurus.config.mjs

@@ -199,7 +199,6 @@ const config = {
     ['@docusaurus/plugin-content-docs', pluginContentDocsOptions],
     ['@docusaurus/plugin-sitemap', pluginSitemapOptions],
     ['@docusaurus/plugin-svgr', pluginSvgrOptions],
-    './src/plugins/preact.js',
     './src/plugins/prefers-color-scheme.js',
     './src/plugins/configure-postcss-preset-env.js',
   ],

eslint.config.mjs

@@ -52,10 +52,10 @@ export default [
           order: 'asc',
         },
         pathGroups: [
-          { group: 'builtin', pattern: 'preact/**', position: 'before' },
+          { group: 'builtin', pattern: 'react', position: 'before' },
         ],
         pathGroupsExcludedImportTypes: [
-          'preact/**'
+          'react'
         ]
       }],
     }

package.json

@@ -9,7 +9,7 @@
   "author": {
     "name": "Seth Falco",
     "email": "seth@falco.fun",
-    "url": "https://falco.fun/"
+    "url": "https://falco.fun"
   },
   "funding": {
     "type": "opencollective",
@@ -61,13 +61,10 @@
     "@docusaurus/theme-live-codeblock": "3.9.2",
     "@easyops-cn/docusaurus-search-local": "^0.55.1",
     "@mdx-js/react": "^3.1.1",
-    "@preact/compat": "^18.3.2",
     "clsx": "^2.1.1",
-    "preact": "^10.28.4",
-    "preact-render-to-string": "^6.6.6",
     "prism-react-renderer": "^2.4.1",
-    "react": "npm:@preact/compat@*",
-    "react-dom": "npm:@preact/compat@*",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
     "rehype-stringify": "^10.0.1",
     "svgo": "^4.0.1"
   },
@@ -77,16 +74,13 @@
     "@sethfalco/eslint-config": "^1.2.1",
     "@types/node": "^25.3.3",
     "@types/pa11y": "^5.3.7",
+    "@types/react": "^19.2.14",
     "eslint": "^9.39.1",
     "eslint-plugin-react": "^7.37.5",
     "globals": "^17.3.0",
     "pa11y": "^9.1.0",
     "rimraf": "^6.1.3",
     "start-server-and-test": "^2.1.5",
     "typescript": "^5.9.3"
-  },
-  "resolutions": {
-    "@easyops-cn/autocomplete.js@npm:^0.38.1": "patch:@easyops-cn/autocomplete.js@npm%3A0.38.1#~/.yarn/patches/@easyops-cn-autocomplete.js-npm-0.38.1-2375cf670a.patch",
-    "react-loadable": "patch:@docusaurus/react-loadable@npm%3A6.0.0#~/.yarn/patches/@docusaurus-react-loadable-npm-6.0.0-75f0ebc146.patch"
   }
 }

src/components/DefaultBadge/index.jsx

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import styles from './index.module.css';
 
 export default function DefaultBadge() {

src/components/HomepageFeatures/index.jsx

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import clsx from 'clsx';
 import SvgoHackerman from '../../vectors/svgo_hackerman.svg';
 import SvgoIntegrations from '../../vectors/svgo_integrations.svg';

src/components/PluginDemo/index.jsx

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import { useDoc } from '@docusaurus/plugin-content-docs/client';
 import CodeBlock from '@theme/CodeBlock';
 

src/components/PluginParams/index.jsx

@@ -1,4 +1,4 @@
-import React, { Fragment } from 'preact/compat';
+import React, { Fragment } from 'react';
 import { useDoc } from '@docusaurus/plugin-content-docs/client';
 import styles from './index.module.css';
 

src/components/PluginUsage/index.jsx

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import { useDoc } from '@docusaurus/plugin-content-docs/client';
 import CodeBlock from '@theme/CodeBlock';
 import TabItem from '@theme/TabItem';

src/components/SpriteSheet/index.jsx

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 
 export default function SpriteSheet() {
   return (

src/components/SvgDemo/index.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'preact/compat';
+import React, { useState } from 'react';
 import CodeBlock from '@theme/CodeBlock';
 import TabItem from '@theme/TabItem';
 import Tabs from '@theme/Tabs';

src/components/SvgoPreview/index.jsx

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import { optimize } from 'svgo/browser';
 import SvgPreview from '../SvgDemo';
 import styles from './index.module.css';

src/pages/index.jsx

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import Head from '@docusaurus/Head';
 import Link from '@docusaurus/Link';
 import CopyIcon from '@theme/Icon/Copy';

src/theme/DocItem/Content/index.js

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import { useDoc } from '@docusaurus/plugin-content-docs/client';
 import { ThemeClassNames } from '@docusaurus/theme-common';
 import Heading from '@theme/Heading';

src/theme/DocItem/Footer/index.js

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import { useDoc } from '@docusaurus/plugin-content-docs/client';
 import { ThemeClassNames } from '@docusaurus/theme-common';
 import TagsListInline from '@theme/TagsListInline';

src/theme/DocItem/Layout/index.js

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import DocBreadcrumbs from '@theme/DocBreadcrumbs';
 import DocItemContent from '@theme/DocItem/Content';
 import DocItemFooter from '@theme/DocItem/Footer';

src/theme/DocItem/index.js

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import { DocProvider } from '@docusaurus/plugin-content-docs/client';
 import { HtmlClassNameProvider } from '@docusaurus/theme-common';
 import DocItemLayout from '@theme/DocItem/Layout';

src/theme/DocRoot/Layout/Main/index.js

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import { useDocsSidebar } from '@docusaurus/plugin-content-docs/client';
 import clsx from 'clsx';
 import styles from './styles.module.css';

src/theme/DocRoot/Layout/Sidebar/ExpandButton/index.js

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import { translate } from '@docusaurus/Translate';
 import IconArrow from '@theme/Icon/Arrow';
 import styles from './styles.module.css';

src/theme/DocRoot/Layout/Sidebar/index.js

@@ -1,4 +1,4 @@
-import React, { useState, useCallback } from 'preact/compat';
+import React, { useState, useCallback } from 'react';
 import { useDocsSidebar } from '@docusaurus/plugin-content-docs/client';
 import { useLocation } from '@docusaurus/router';
 import { prefersReducedMotion, ThemeClassNames } from '@docusaurus/theme-common';

src/theme/DocRoot/Layout/index.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'preact/compat';
+import React, { useState } from 'react';
 import { useDocsSidebar } from '@docusaurus/plugin-content-docs/client';
 import BackToTopButton from '@theme/BackToTopButton';
 import DocRootLayoutMain from '@theme/DocRoot/Layout/Main';

src/theme/Footer/Copyright/index.js

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 
 export default function FooterCopyright({ copyright }) {
   return (

src/theme/Footer/Layout/index.js

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import clsx from 'clsx';
 import { Logo } from '../../../components/SpriteSheet';
 import styles from './index.module.css';

src/theme/Footer/LinkItem/index.js

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import Link from '@docusaurus/Link';
 import isInternalUrl from '@docusaurus/isInternalUrl';
 import useBaseUrl from '@docusaurus/useBaseUrl';

src/theme/Footer/Links/MultiColumn/index.js

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import LinkItem from '@theme/Footer/LinkItem';
 import clsx from 'clsx';
 import styles from './index.module.css';

src/theme/Footer/Links/Simple/index.js

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import LinkItem from '@theme/Footer/LinkItem';
 
 function Separator() {

src/theme/Footer/Links/index.js

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import { isMultiColumnFooterLinks } from '@docusaurus/theme-common';
 import FooterLinksMultiColumn from '@theme/Footer/Links/MultiColumn';
 import FooterLinksSimple from '@theme/Footer/Links/Simple';

src/theme/Footer/index.js

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import { useThemeConfig } from '@docusaurus/theme-common';
 import FooterCopyright from '@theme/Footer/Copyright';
 import FooterLayout from '@theme/Footer/Layout';

src/theme/Layout/index.js

@@ -1,5 +1,5 @@
-import Layout from '@theme-original/Layout';
 import React from 'react';
+import Layout from '@theme-original/Layout';
 import SpriteSheet from '../../components/SpriteSheet';
 
 export default function LayoutWrapper(props) {

src/theme/Navbar/Logo/index.js

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import Link from '@docusaurus/Link';
 import Logo from '../../../vectors/logo.svg';
 import styles from './index.module.css';

src/theme/TOCItems/Tree.js

@@ -1,4 +1,4 @@
-import React from 'preact/compat';
+import React from 'react';
 import Translate from '@docusaurus/Translate';
 import { useDoc } from '@docusaurus/plugin-content-docs/client';
 import clsx from 'clsx';

tsconfig.json

@@ -9,13 +9,7 @@
     "strict": true,
     "noImplicitAny": false,
     "jsx": "preserve",
-    "skipLibCheck": true,
-    "paths": {
-      "react": ["./node_modules/preact/compat/"],
-      "react/jsx-runtime": ["./node_modules/preact/jsx-runtime"],
-      "react-dom": ["./node_modules/preact/compat/"],
-      "react-dom/*": ["./node_modules/preact/compat/*"]
-    }
+    "skipLibCheck": true
   },
   "exclude": [
     ".docusaurus/",