chore: 🤖 upgrade to react@19 & rehype plugins

Author: BuiltByWalsh

app/posts/[slug]/mdx-content.tsx

@@ -5,7 +5,7 @@ import rehypeAutolinkHeadings from 'rehype-autolink-headings'
 import rehypePrettyCode from 'rehype-pretty-code'
 import rehypeSlug from 'rehype-slug'
 import remarkGfm from 'remark-gfm'
-import { HighlighterOptions, getHighlighter } from 'shiki'
+import { HighlighterCoreOptions, getSingletonHighlighter } from 'shiki'
 
 import { buttonVariants } from '@/components/ui/button'
 import { TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyP } from '@/components/ui/typography'
@@ -47,8 +47,8 @@ const options: MDXRemoteProps['options'] = {
         {
           theme: 'one-dark-pro',
           keepBackground: false,
-          getHighlighter: (options: HighlighterOptions) => {
-            return getHighlighter({
+          getHighlighter: (options: HighlighterCoreOptions) => {
+            return getSingletonHighlighter({
               ...options,
               themes: ['one-dark-pro'],
               langs: ['js', 'ts', 'jsx', 'tsx', 'json', 'json5', 'shell', 'bash', 'astro', 'markdown'],

components/icons/Github.tsx

@@ -14,9 +14,9 @@ export const Github = (props: HTMLAttributes<SVGElement>) => {
       viewBox="0 0 24 24"
       fill="none"
       stroke="currentColor"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
       {...props}
     >
       <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>

next.config.mjs

@@ -4,7 +4,7 @@ const nextConfig = {
   images: {
     remotePatterns: [],
   },
-  transpilePackages: ['geist'], // TODO: should be removed during @see https://linear.app/jdub/issue/JDUB-28/upgrade-to-nextjs-15
+  transpilePackages: ['next-mdx-remote'],
   async rewrites() {
     return [
       {

package.json

@@ -52,36 +52,36 @@
     "geist": "1.3.1",
     "lucide-react": "^0.456.0",
     "next": "15.3.2",
-    "next-mdx-remote": "^4.4.1",
+    "next-mdx-remote": "5.0.0",
     "next-themes": "0.3.0",
     "posthog-js": "^1.180.1",
     "posthog-node": "^4.2.1",
-    "react": "18.3.1",
-    "react-dom": "18.2.0",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
     "rss": "^1.2.2",
     "sharp": "0.33.5",
-    "shiki": "^0.14.7",
+    "shiki": "3.4.2",
     "tailwind-merge": "^2.2.1"
   },
   "devDependencies": {
     "@commitlint/cli": "19.6.0",
     "@commitlint/config-conventional": "19.6.0",
-    "@playwright/test": "^1.48.2",
+    "@playwright/test": "1.52.0",
     "@testing-library/jest-dom": "6.5.0",
     "@testing-library/react": "16.0.1",
     "@testing-library/user-event": "14.5.2",
     "@types/node": "22.7.5",
-    "@types/react": "18.3.12",
-    "@types/react-dom": "18.2.25",
+    "@types/react": "19.1.5",
+    "@types/react-dom": "19.1.5",
     "@types/rss": "^0.0.32",
-    "@typescript-eslint/parser": "^6.14.0",
+    "@typescript-eslint/parser": "8.32.1",
     "@vitejs/plugin-react": "4.3.3",
     "@vitest/coverage-istanbul": "2.1.3",
     "autoprefixer": "^10.4.20",
     "commitlint": "19.6.0",
     "cspell": "8.15.1",
-    "eslint": "8.57.1",
-    "eslint-config-next": "14.1.0",
+    "eslint": "9.27.0",
+    "eslint-config-next": "15.3.2",
     "eslint-import-resolver-typescript": "^3.6.3",
     "eslint-plugin-import": "^2.31.0",
     "git-cz": "4.9.0",
@@ -92,12 +92,12 @@
     "prettier-plugin-tailwindcss": "^0.6.9",
     "rehype": "^13.0.1",
     "rehype-autolink-headings": "^7.1.0",
-    "rehype-pretty-code": "^0.10.2",
+    "rehype-pretty-code": "0.14.1",
     "rehype-slug": "^6.0.0",
-    "remark-gfm": "^3.0.1",
+    "remark-gfm": "4.0.1",
     "tailwindcss": "^3.4.14",
     "tailwindcss-animate": "^1.0.7",
-    "typescript": "5.7.2",
+    "typescript": "5.8.3",
     "vite-tsconfig-paths": "^5.1.2",
     "vitest": "^2.1.3"
   }