⬆️ Upgrade latest docs site UI libs

the prism-react-renderer upgrade includes some breaking changes, so Fence.tsx and Hero.tsx have been updated to work with those changes as well
acusti · Jul 25, 2024 · 61df979 · 61df979
1 parent 00917fb
commit 61df979
Show file tree

Hide file tree

Showing 4 changed files with 196 additions and 44 deletions.
diff --git a/apps/site/app/components/Fence.tsx b/apps/site/app/components/Fence.tsx
@@ -1,5 +1,5 @@
 import { Fragment } from "react";
-import Highlight, { defaultProps, type Language } from "prism-react-renderer";
+import { Highlight, type Language } from "prism-react-renderer";
 
 export function Fence({
   children,
@@ -9,12 +9,7 @@ export function Fence({
   language: Language;
 }) {
   return (
-    <Highlight
-      {...defaultProps}
-      code={children.trimEnd()}
-      language={language}
-      theme={undefined}
-    >
+    <Highlight code={children.trimEnd()} language={language} theme={undefined}>
       {({ className, style, tokens, getTokenProps }) => (
         <pre className={className} style={style}>
           <code>

diff --git a/apps/site/app/components/Hero.tsx b/apps/site/app/components/Hero.tsx
@@ -1,6 +1,6 @@
 import { Fragment, useState } from "react";
 import clsx from "clsx";
-import Highlight, { defaultProps } from "prism-react-renderer";
+import { Highlight } from "prism-react-renderer";
 
 import { Button } from "~/components/Button";
 import { HeroBackground } from "~/components/HeroBackground";
@@ -153,7 +153,6 @@ export function Hero() {
                       ))}
                     </div>
                     <Highlight
-                      {...defaultProps}
                       code={activeTab.code}
                       language={codeLanguage}
                       theme={undefined}

diff --git a/apps/site/package.json b/apps/site/package.json
@@ -17,8 +17,8 @@
   "browserslist": "defaults, not ie <= 11",
   "dependencies": {
     "@cloudflare/kv-asset-handler": "^0.3.4",
-    "@docsearch/react": "^3.2.1",
-    "@headlessui/react": "^1.7.11",
+    "@docsearch/react": "^3.6.1",
+    "@headlessui/react": "^2.1.2",
     "@markdoc/markdoc": "0.4.0",
     "@remix-run/cloudflare": "^2",
     "@remix-run/react": "^2",
@@ -32,7 +32,7 @@
     "js-yaml": "^4.1.0",
     "postcss-focus-visible": "^6.0.4",
     "postcss-import": "^14.1.0",
-    "prism-react-renderer": "^1.3.5",
+    "prism-react-renderer": "^2.3.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "superflare": "workspace:*",