Updated the example of with-draft-js to utilize the App Router.

PapatMayuri · PapatMayuri · commit 2afc6584546e · 2024-09-13T01:29:08.000+05:30
diff --git a/examples/with-draft-js/app/layout.tsx b/examples/with-draft-js/app/layout.tsx
@@ -0,0 +1,19 @@
+import type { Metadata } from "next";
+import React from "react";
+
+export const metadata: Metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
diff --git a/examples/with-draft-js/app/page.tsx b/examples/with-draft-js/app/page.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import { Component } from "react";
 import {
   Editor,
diff --git a/examples/with-draft-js/package.json b/examples/with-draft-js/package.json
@@ -6,9 +6,13 @@
     "start": "next start"
   },
   "dependencies": {
-    "draft-js": "^0.11.5",
+    "draft-js": "^0.11.7",
     "next": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.5",
+    "typescript": "^5.6.2"
   }
 }
diff --git a/examples/with-draft-js/tsconfig.json b/examples/with-draft-js/tsconfig.json
@@ -0,0 +1,35 @@
+{
+  "compilerOptions": {
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "noEmit": true,
+    "incremental": true,
+    "module": "esnext",
+    "esModuleInterop": true,
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "strictNullChecks": true
+  },
+  "include": [
+    "next-env.d.ts",
+    ".next/types/**/*.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+"use client";`
	`2`	`+`
`1`	`3`	`import { Component } from "react";`
`2`	`4`	`import {`
`3`	`5`	`Editor,`