Fix missing interpolation on next/head exports

fixes #36183
vercel · Apr 25, 2022 · 5fd0b6d · 5fd0b6d
1 parent a628256
commit 5fd0b6d
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/packages/next/head.js b/packages/next/head.js
@@ -1 +1,3 @@
-module.exports = require('./dist/shared/lib/head')
+const head = require('./dist/shared/lib/head')
+Object.assign(head.default, head)
+module.exports = head.default
diff --git a/test/e2e/type-module-interop/index.test.ts b/test/e2e/type-module-interop/index.test.ts
@@ -12,10 +12,24 @@ describe('Type module interop', () => {
       files: {
         'pages/index.js': `
           import Link from 'next/link'
+          import Head from 'next/head'
+          import Script from 'next/script'
 
           export default function Page() { 
             return (
               <>
+                <Head>
+                  <title>This page has a title 🤔</title>
+                  <meta charSet="utf-8" />
+                  <meta name="viewport" content="initial-scale=1.0, width=device-width" />
+                  <Script
+                    id="stripe-js"
+                    src="https://js.stripe.com/v3/"
+                    onLoad={() => {
+                      setStripe({ stripe: window.Stripe('pk_test_12345') })
+                    }}
+                  />
+                </Head>
                 <p>hello world</p>
                 <Link href="/modules">
                   <a id="link-to-module">link to module</a>