diff --git a/examples/with-styled-components-babel/package.json b/examples/with-styled-components-babel/package.json
index 73fccf597a88..a88dcbeed7fe 100644
--- a/examples/with-styled-components-babel/package.json
+++ b/examples/with-styled-components-babel/package.json
@@ -7,16 +7,16 @@
   },
   "dependencies": {
     "next": "latest",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-is": "^17.0.2",
-    "styled-components": "^5.2.3"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-is": "^18.2.0",
+    "styled-components": "^5.3.5"
   },
   "devDependencies": {
-    "@types/node": "17.0.24",
-    "@types/react": "^17.0.2",
-    "@types/styled-components": "5.1.25",
-    "babel-plugin-styled-components": "^1.12.0",
-    "typescript": "4.6.3"
+    "@types/node": "18.7.14",
+    "@types/react": "^18.0.18",
+    "@types/styled-components": "5.1.26",
+    "babel-plugin-styled-components": "^2.0.7",
+    "typescript": "4.8.2"
   }
 }
diff --git a/examples/with-styled-components-babel/pages/_document.tsx b/examples/with-styled-components-babel/pages/_document.tsx
index 8f22e1b2425b..a336181f74c9 100644
--- a/examples/with-styled-components-babel/pages/_document.tsx
+++ b/examples/with-styled-components-babel/pages/_document.tsx
@@ -18,12 +18,12 @@ export default class MyDocument extends Document {
       const initialProps = await Document.getInitialProps(ctx)
       return {
         ...initialProps,
-        styles: [
+        styles: (
           <>
             {initialProps.styles}
             {sheet.getStyleElement()}
-          </>,
-        ],
+          </>
+        ),
       }
     } finally {
       sheet.seal()