Nextjs 14.2.7 (#12842)

Author: kyledurand

pnpm-lock.yaml

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.

polaris.shopify.com/next-env.d.ts

@@ -44,7 +44,7 @@
     "lodash.mapvalues": "^4.6.0",
     "lodash.throttle": "^4.1.1",
     "nanoid": "^4.0.2",
-    "next": "^13.5.7",
+    "next": "^14.2.7",
     "next-mdx-remote": "^4.4.1",
     "prismjs": "^1.27.0",
     "react": "^18.2.0",

polaris.shopify.com/package.json

@@ -5,6 +5,7 @@ import {useEffect, StrictMode} from 'react';
 import {useRouter} from 'next/router';
 import useDarkMode from 'use-dark-mode';
 import '@shopify/polaris/build/esm/styles.css';
+import pkg from '../package.json';
 
 import {className} from '../src/utils/various';
 import Frame from '../src/components/Frame';
@@ -102,7 +103,12 @@ function MyApp({Component, pageProps}: AppProps) {
       </Head>
 
       <div
-        style={{background: isPolarisExample ? '#fafafa' : 'unset'}}
+        style={
+          {
+            background: isPolarisExample ? '#fafafa' : 'unset',
+            '--polaris-shopify-com-version': pkg.version,
+          } as React.CSSProperties
+        }
         className={className(
           !isPolarisExample && 'styles-for-site-but-not-polaris-examples',
         )}