diff --git a/packages/next/head.js b/packages/next/head.js
index 71758fdbeaa5..416086f7f97e 100644
--- a/packages/next/head.js
+++ b/packages/next/head.js
@@ -1 +1,3 @@
-module.exports = require('./dist/shared/lib/head')
+var 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
index 9ebf5568d470..46fb994b39c8 100644
--- a/test/e2e/type-module-interop/index.test.ts
+++ b/test/e2e/type-module-interop/index.test.ts
@@ -12,10 +12,23 @@ 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" />
+                </Head>
+                <Script
+                  strategy="afterInteractive"
+                  dangerouslySetInnerHTML={{
+                    __html: 'console.log("hello world")',
+                  }}
+                />
                 <p>hello world</p>
                 <Link href="/modules">
                   <a id="link-to-module">link to module</a>
