diff --git a/package.json b/package.json
index 5132a78d..df0abc3b 100644
--- a/package.json
+++ b/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",
diff --git a/packages/demo-nextjs/app/layout.tsx b/packages/demo-nextjs/app/layout.tsx
index 909e61f4..e74a1589 100644
--- a/packages/demo-nextjs/app/layout.tsx
+++ b/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 Next.js app with{' '}
App Router.
-
- {children}
+
+
+ {children}
+