chore(NOJIRA-123): Update React demo

package.json

@@ -58,7 +58,7 @@
     "jest-transform-css": "^2.1.0",
     "lerna": "^3.22.1",
     "mini-css-extract-plugin": "^1.3.7",
-    "next": "^14.2.5",
+    "next": "^15.0.3",
     "prettier": "^2.2.1",
     "prop-types": "^15.7.2",
     "raw-loader": "^4.0.2",

packages/demo-nextjs/app/layout.tsx

@@ -1,3 +1,5 @@
+import { Suspense } from 'react'
+
 import { AppMenu } from './app-menu'
 import '../shared/globals.css'
 
@@ -9,8 +11,10 @@ export default function AppLayout({ children }: { children: React.ReactNode }) {
           This is an example <a href="https://nextjs.org">Next.js</a> app with{' '}
           <a href="https://nextjs.org/docs/app">App Router</a>.
         </h1>
-        <AppMenu />
-        {children}
+        <Suspense>
+          <AppMenu />
+          {children}
+        </Suspense>
       </body>
     </html>
   )

packages/demo-nextjs/package.json

@@ -5,10 +5,19 @@
   "scripts": {
     "start": "yarn next dev -p 9090",
     "lint": "yarn eslint --ignore-path ../../.gitignore .",
-    "clean": "rm -rf ./.next"
+    "clean": "rm -rf ./.next",
+    "build": "next build"
   },
   "dependencies": {
     "@typeform/embed": "5.2.0",
-    "@typeform/embed-react": "4.2.0"
+    "@typeform/embed-react": "4.2.0",
+    "next": "^15.0.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@types/node": "^22.10.0",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0"
   }
 }

packages/demo-nextjs/shared/menu.tsx

@@ -1,7 +1,7 @@
 import Link from 'next/link'
 
 export const Menu = ({ id }: { id: string }) => {
-  const links = {
+  const links: Record<string, string> = {
     '/': 'widget',
     '/popup': 'popup',
     '/slider': 'slider',

packages/demo-nextjs/tsconfig.json

@@ -24,7 +24,8 @@
         "name": "next"
       }
     ],
-    "strictNullChecks": true
+    "strictNullChecks": true,
+    "target": "ES2017"
   },
   "include": [
     "next-env.d.ts",