diff --git a/examples/nextjs-with-typescript-v4-migration/package.json b/examples/nextjs-with-typescript-v4-migration/package.json
index e846bea0e4fcbc..c3f640c8532643 100644
--- a/examples/nextjs-with-typescript-v4-migration/package.json
+++ b/examples/nextjs-with-typescript-v4-migration/package.json
@@ -10,23 +10,23 @@
     "post-update": "echo \"codesandbox preview only, need an update\" && yarn upgrade --latest"
   },
   "dependencies": {
-    "@emotion/cache": "^11.7.1",
-    "@emotion/react": "^11.9.0",
-    "@emotion/server": "^11.4.0",
-    "@emotion/styled": "^11.8.1",
+    "@emotion/cache": "latest",
+    "@emotion/react": "latest",
+    "@emotion/server": "latest",
+    "@emotion/styled": "latest",
     "@mui/icons-material": "latest",
     "@mui/material": "latest",
     "@mui/styles": "latest",
     "autoprefixer": "latest",
     "clean-css": "latest",
-    "next": "latest",
+    "next": "^12.0.0",
     "postcss": "latest",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0"
   },
   "devDependencies": {
     "@types/node": "latest",
-    "@types/react": "17.0.2",
+    "@types/react": "^17.0.0",
     "eslint": "latest",
     "eslint-config-next": "latest",
     "typescript": "latest"
diff --git a/examples/nextjs-with-typescript-v4-migration/src/Link.tsx b/examples/nextjs-with-typescript-v4-migration/src/Link.tsx
index 9d49184f1425a8..6d23c00442e4e9 100644
--- a/examples/nextjs-with-typescript-v4-migration/src/Link.tsx
+++ b/examples/nextjs-with-typescript-v4-migration/src/Link.tsx
@@ -10,7 +10,7 @@ const Anchor = styled('a')({});
 
 interface NextLinkComposedProps
   extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>,
-    Omit<NextLinkProps, 'href' | 'as' | 'onClick' | 'onMouseEnter'> {
+    Omit<NextLinkProps, 'href' | 'as' | 'passHref' | 'onMouseEnter' | 'onClick' | 'onTouchStart'> {
   to: NextLinkProps['href'];
   linkAs?: NextLinkProps['as'];
 }
diff --git a/examples/nextjs-with-typescript/src/Link.tsx b/examples/nextjs-with-typescript/src/Link.tsx
index c46e023517272b..7e69664bdc64a2 100644
--- a/examples/nextjs-with-typescript/src/Link.tsx
+++ b/examples/nextjs-with-typescript/src/Link.tsx
@@ -10,7 +10,7 @@ const Anchor = styled('a')({});
 
 interface NextLinkComposedProps
   extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>,
-    Omit<NextLinkProps, 'href' | 'as' | 'onClick' | 'onMouseEnter' | 'onTouchStart'> {
+    Omit<NextLinkProps, 'href' | 'as' | 'passHref' | 'onMouseEnter' | 'onClick' | 'onTouchStart'> {
   to: NextLinkProps['href'];
   linkAs?: NextLinkProps['as'];
 }