chore(deps): update dependecies

components/pages/gists/gists-code.tsx

@@ -1,7 +1,8 @@
 import '@catppuccin/highlightjs/sass/catppuccin.variables.scss';
 import clsx from 'clsx';
 import CopyCode from 'components/post/copy-code';
-import { createElement, Fragment, memo } from 'react';
+import { memo } from 'react';
+import * as prod from 'react/jsx-runtime';
 import rehypeHighlight from 'rehype-highlight';
 import rehypeReact from 'rehype-react';
 import remarkGfm from 'remark-gfm';
@@ -16,6 +17,8 @@ interface Props {
   showFileName?: boolean;
 }
 
+const production = { Fragment: prod.Fragment, jsx: prod.jsx, jsxs: prod.jsxs };
+
 /**
  * Render GitHub gists code.
  *
@@ -31,10 +34,8 @@ const GistsCode = ({ file, showFileName = false }: Props) => {
     .use(remarkRehype)
     .use(remarkGfm)
     .use(rehypeHighlight)
-    .use(rehypeReact, {
-      createElement,
-      Fragment,
-    })
+    // @ts-expect-error: the react types are missing.
+    .use(rehypeReact, production)
     .processSync(`\`\`\`${file.language ?? ''}\n${fileContent}`).result;
 
   return (

next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.

package.json

@@ -9,46 +9,46 @@
     "build-local": "next build",
     "start": "next start",
     "lint": "next lint",
-    "pretty": "prettier --write \"./**/*.{js,jsx,ts,tsx,json,md,mdx,css}\" --ignore-unknown --plugin=prettier-plugin-organize-imports",
-    "pretty-check": "prettier \"./**/*.{js,jsx,ts,tsx,json,md,mdx,css}\" --ignore-unknown --check --plugin=prettier-plugin-organize-imports",
+    "pretty": "prettier --cache --write \"./**/*.{js,jsx,ts,tsx,json,md,mdx,css}\" --ignore-unknown --plugin=prettier-plugin-organize-imports",
+    "pretty-check": "prettier --cache \"./**/*.{js,jsx,ts,tsx,json,md,mdx,css}\" --ignore-unknown --check --plugin=prettier-plugin-organize-imports",
     "prepare": "husky"
   },
   "dependencies": {
     "@catppuccin/highlightjs": "^0.2.2",
-    "@catppuccin/palette": "^1.2.0",
+    "@catppuccin/palette": "^1.3.0",
     "@catppuccin/tailwindcss": "^0.1.6",
-    "@codesandbox/sandpack-react": "^2.19.1",
+    "@codesandbox/sandpack-react": "^2.19.3",
     "@docsearch/css": "^3.6.1",
     "@docsearch/react": "^3.6.1",
     "@giscus/react": "^3.0.0",
     "@octokit/core": "^6.1.2",
     "@octokit/plugin-rest-endpoint-methods": "^13.2.4",
     "@react-spring/three": "^9.7.4",
-    "@react-three/drei": "^9.111.5",
-    "@react-three/fiber": "^8.17.6",
-    "algoliasearch": "^5.2.3",
+    "@react-three/drei": "^9.112.0",
+    "@react-three/fiber": "^8.17.7",
+    "algoliasearch": "^5.3.0",
     "dayjs": "^1.11.13",
-    "next": "14.2.7",
+    "next": "14.2.8",
     "next-mdx-remote": "^5.0.0",
     "next-themes": "^0.3.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-icons": "^5.3.0",
     "rehype-highlight": "^7.0.0",
-    "rehype-react": "^7.2.0",
+    "rehype-react": "^8.0.0",
     "rehype-slug": "^6.0.0",
     "remark-frontmatter": "^5.0.0",
     "remark-gfm": "^4.0.0",
-    "remark-parse": "^10.0.2",
-    "remark-rehype": "^10.1.0",
+    "remark-parse": "^11.0.0",
+    "remark-rehype": "^11.1.0",
     "sharp": "^0.33.5",
     "three": "^0.168.0",
-    "unified": "^10.1.2",
+    "unified": "^11.0.5",
     "zustand": "^4.5.5"
   },
   "devDependencies": {
-    "@next/bundle-analyzer": "^14.2.7",
-    "@types/node": "22.5.2",
+    "@next/bundle-analyzer": "^14.2.8",
+    "@types/node": "22.5.4",
     "@types/react": "18.3.5",
     "@types/three": "^0.168.0",
     "autoprefixer": "^10.4.20",
@@ -61,11 +61,11 @@
     "gray-matter": "^4.0.3",
     "husky": "^9.1.5",
     "leva": "^0.9.35",
-    "postcss": "^8.4.43",
+    "postcss": "^8.4.45",
     "prettier": "^3.3.3",
     "prettier-plugin-organize-imports": "^4.0.0",
     "raw-loader": "^4.0.2",
-    "sass": "^1.77.8",
+    "sass": "^1.78.0",
     "tailwindcss": "^3.4.10",
     "typescript": "5.5.4",
     "url-loader": "^4.1.1"