update react remove properties to support app route (#68324)

This PR updates the react-remove-properties example to use the App Router. Here are the changes that have been made: Renamed the "pages" folder to the "app" folder. Updated the routing for / files to align with the App Router. Added the layout.tsx file as part of the App Router. CC @samcx --------- Co-authored-by: niket <[email protected]> Co-authored-by: samcx <[email protected]>
vercel · Jul 30, 2024 · dea722d · dea722d
1 parent 528b6af
commit dea722d
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 7 deletions.
diff --git a/examples/react-remove-properties/app/layout.tsx b/examples/react-remove-properties/app/layout.tsx
@@ -0,0 +1,16 @@
+export const metadata = {
+  title: "Next.js",
+  description: "Generated by Next.js",
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
diff --git a/...s/react-remove-properties/pages/index.tsx → ...ples/react-remove-properties/app/page.tsx b/...s/react-remove-properties/pages/index.tsx → ...ples/react-remove-properties/app/page.tsx
@@ -1,4 +1,4 @@
-export default function Index() {
+export default function Home() {
   return (
     <div data-test-id="1" data-custom="1a">
       <div data-custom="2">

diff --git a/examples/react-remove-properties/package.json b/examples/react-remove-properties/package.json
@@ -7,13 +7,13 @@
   },
   "dependencies": {
     "next": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@types/node": "^18.11.5",
-    "@types/react": "^18.0.23",
-    "@types/react-dom": "^18.0.7",
-    "typescript": "^4.8.4"
+    "@types/node": "^22.0.0",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "typescript": "^5.5.4"
   }
 }