Apply react compiler

Author: owjs3901

apps/landing/next.config.ts

@@ -2,15 +2,14 @@ import { DevupUI } from '@devup-ui/next-plugin'
 import createMDX from '@next/mdx'
 
 const withMDX = createMDX({
-  // options: {
-  //   remarkPlugins: [remarkGfm],
-  // },
   extension: /\.mdx?$/,
 })
 
 export default withMDX(
   DevupUI({
     pageExtensions: ['js', 'jsx', 'md', 'mdx', 'ts', 'tsx'],
     output: 'export',
+    reactCompiler: true,
+    cacheComponents: true,
   }),
 )

apps/landing/package.json

@@ -19,21 +19,22 @@
     "@next/mdx": "^16.0",
     "body-scroll-lock": "3.1",
     "clsx": "^2.1",
+    "lenis": "1.3",
     "next": "^16.0",
     "react": "^19.2",
     "react-dom": "^19.2",
     "react-markdown": "^10.1",
-    "react-syntax-highlighter": "^15.6",
-    "lenis": "1.3"
+    "react-syntax-highlighter": "^15.6"
   },
   "devDependencies": {
-    "@types/mdx": "^2.0",
     "@devup-ui/next-plugin": "workspace:*",
     "@types/body-scroll-lock": "^3.1",
+    "@types/mdx": "^2.0",
     "@types/node": "^24",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "@types/react-syntax-highlighter": "^15.5",
+    "babel-plugin-react-compiler": "^1.0",
     "typescript": "^5"
   }
 }

apps/landing/src/app/(detail)/docs/RightIndex.tsx

@@ -72,8 +72,12 @@ export function RightIndex() {
             Contents
           </Text>
         </Flex>
-        {menus.map((menu) => (
-          <IndexMenu key={menu.text} onClick={menu.onClick} sub={menu.sub}>
+        {menus.map((menu, idx) => (
+          <IndexMenu
+            key={menu.text + idx}
+            onClick={menu.onClick}
+            sub={menu.sub}
+          >
             {menu.text}
           </IndexMenu>
         ))}