From 00d016d5745bcc6474fbf58bc4b1f4c44307431f Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Wed, 23 Nov 2022 23:43:08 +0100
Subject: [PATCH 1/2] [examples] Fix Next.js errors

---
 .../package.json                                 | 16 ++++++++--------
 .../src/Link.tsx                                 |  2 +-
 examples/nextjs-with-typescript/src/Link.tsx     |  2 +-
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/examples/nextjs-with-typescript-v4-migration/package.json b/examples/nextjs-with-typescript-v4-migration/package.json
index e846bea0e4fcbc..aaa8e779d339cb 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": "^11.0.0",
+    "@emotion/react": "^11.0.0",
+    "@emotion/server": "^11.0.0",
+    "@emotion/styled": "^11.0.0",
     "@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'];
 }

From 6eec56782653ad02553f4dfd646fe2f585b8b150 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Thu, 24 Nov 2022 15:41:51 +0100
Subject: [PATCH 2/2] pinning the version doesn't matter here

Signed-off-by: Olivier Tassinari <olivier.tassinari@gmail.com>
---
 examples/nextjs-with-typescript-v4-migration/package.json | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/examples/nextjs-with-typescript-v4-migration/package.json b/examples/nextjs-with-typescript-v4-migration/package.json
index aaa8e779d339cb..c3f640c8532643 100644
--- a/examples/nextjs-with-typescript-v4-migration/package.json
+++ b/examples/nextjs-with-typescript-v4-migration/package.json
@@ -10,10 +10,10 @@
     "post-update": "echo \"codesandbox preview only, need an update\" && yarn upgrade --latest"
   },
   "dependencies": {
-    "@emotion/cache": "^11.0.0",
-    "@emotion/react": "^11.0.0",
-    "@emotion/server": "^11.0.0",
-    "@emotion/styled": "^11.0.0",
+    "@emotion/cache": "latest",
+    "@emotion/react": "latest",
+    "@emotion/server": "latest",
+    "@emotion/styled": "latest",
     "@mui/icons-material": "latest",
     "@mui/material": "latest",
     "@mui/styles": "latest",