diff --git a/examples/blog-starter-typescript/lib/markdownToHtml.ts b/examples/blog-starter-typescript/lib/markdownToHtml.ts
index 4917e91044899..9b486c82f8b68 100644
--- a/examples/blog-starter-typescript/lib/markdownToHtml.ts
+++ b/examples/blog-starter-typescript/lib/markdownToHtml.ts
@@ -1,4 +1,4 @@
-import remark from 'remark'
+import { remark } from 'remark'
 import html from 'remark-html'
 
 export default async function markdownToHtml(markdown: string) {
diff --git a/examples/blog-starter-typescript/package.json b/examples/blog-starter-typescript/package.json
index 96c0f3882ba9e..96af9fe2d0734 100644
--- a/examples/blog-starter-typescript/package.json
+++ b/examples/blog-starter-typescript/package.json
@@ -13,8 +13,8 @@
     "next": "latest",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "remark": "13.0.0",
-    "remark-html": "13.0.1",
+    "remark": "14.0.2",
+    "remark-html": "15.0.1",
     "typescript": "^4.2.4"
   },
   "devDependencies": {