diff --git a/examples/blog-starter/package.json b/examples/blog-starter/package.json
index fbf73a0fa1..8293f65cd4 100644
--- a/examples/blog-starter/package.json
+++ b/examples/blog-starter/package.json
@@ -7,21 +7,21 @@
},
"dependencies": {
"classnames": "^2.5.1",
- "date-fns": "^3.3.1",
+ "date-fns": "^3.6.0",
"gray-matter": "^4.0.3",
- "next": "14.1.0",
- "react": "^18",
- "react-dom": "^18",
+ "next": "latest",
+ "react": "^18.3.1",
+ "react-dom": "^18.3.1",
"remark": "^15.0.1",
"remark-html": "^16.0.1"
},
"devDependencies": {
- "@types/node": "^20",
- "@types/react": "^18",
- "@types/react-dom": "^18",
- "autoprefixer": "^10.0.1",
- "postcss": "^8",
- "tailwindcss": "^3.3.0",
- "typescript": "^5"
+ "@types/node": "^20.14.8",
+ "@types/react": "^18.3.3",
+ "@types/react-dom": "^18.3.0",
+ "autoprefixer": "^10.4.19",
+ "postcss": "^8.4.38",
+ "tailwindcss": "^3.4.4",
+ "typescript": "^5.5.2"
}
}
diff --git a/examples/blog-starter/src/app/_components/alert.tsx b/examples/blog-starter/src/app/_components/alert.tsx
index c800a9ffc8..d758ba016e 100644
--- a/examples/blog-starter/src/app/_components/alert.tsx
+++ b/examples/blog-starter/src/app/_components/alert.tsx
@@ -9,7 +9,7 @@ type Props = {
const Alert = ({ preview }: Props) => {
return (
+