diff --git a/packages/next/client/head-manager.ts b/packages/next/client/head-manager.ts
index 31fa6a0c5f62e24b6389252f0a1fbec1eecce7d1..4ea0ef9597149a4e35a14d6be04682da71ab355d 100644
--- a/packages/next/client/head-manager.ts
+++ b/packages/next/client/head-manager.ts
@@ -3,10 +3,11 @@ export const DOMAttributeNames: Record<string, string> = {
   className: 'class',
   htmlFor: 'for',
   httpEquiv: 'http-equiv',
+  noModule: 'noModule',
 }
 
 function reactElementToDOM({ type, props }: JSX.Element): HTMLElement {
-  const el = document.createElement(type)
+  const el: HTMLElement = document.createElement(type)
   for (const p in props) {
     if (!props.hasOwnProperty(p)) continue
     if (p === 'children' || p === 'dangerouslySetInnerHTML') continue
@@ -15,7 +16,14 @@ function reactElementToDOM({ type, props }: JSX.Element): HTMLElement {
     if (props[p] === undefined) continue
 
     const attr = DOMAttributeNames[p] || p.toLowerCase()
-    el.setAttribute(attr, props[p])
+    if (
+      type === 'script' &&
+      (attr === 'async' || attr === 'defer' || attr === 'noModule')
+    ) {
+      ;(el as HTMLScriptElement)[attr] = !!props[p]
+    } else {
+      el.setAttribute(attr, props[p])
+    }
   }
 
   const { children, dangerouslySetInnerHTML } = props
diff --git a/test/integration/client-navigation/pages/head.js b/test/integration/client-navigation/pages/head.js
index 979397114f42a01e4b95fcd15e01e286b8107c1c..bd50dddcc54d46ec529b8310c5de41702c33bb29 100644
--- a/test/integration/client-navigation/pages/head.js
+++ b/test/integration/client-navigation/pages/head.js
@@ -115,6 +115,11 @@ export default () => (
       <link rel="stylesheet" href="dedupe-style.css" key="my-style" />
       <link rel="stylesheet" href="dedupe-style.css" key="my-style" />
 
+      {/* this should not execute twice on the client */}
+      <script src="/test-async.js" async></script>
+      {/* this should not execute twice on the client (intentionally sets defer to `yas` to test boolean coercion) */}
+      <script src="/test-defer.js" defer="yas"></script>
+
       {/* such style can be used for alternate links on _app vs individual pages */}
       {['pl', 'en'].map((language) => (
         <link
diff --git a/test/integration/client-navigation/public/test-async.js b/test/integration/client-navigation/public/test-async.js
new file mode 100644
index 0000000000000000000000000000000000000000..b2a8cfb1aeb765f5f2bf35b592edcec2d2b41a12
--- /dev/null
+++ b/test/integration/client-navigation/public/test-async.js
@@ -0,0 +1 @@
+window.__test_async_executions = (window.__test_async_executions || 0) + 1
diff --git a/test/integration/client-navigation/public/test-defer.js b/test/integration/client-navigation/public/test-defer.js
new file mode 100644
index 0000000000000000000000000000000000000000..181bb89a661e51a47f1ae7adfabb010b13454d59
--- /dev/null
+++ b/test/integration/client-navigation/public/test-defer.js
@@ -0,0 +1 @@
+window.__test_defer_executions = (window.__test_defer_executions || 0) + 1
diff --git a/test/integration/client-navigation/test/index.test.js b/test/integration/client-navigation/test/index.test.js
index cef8198f107a6353e47c19d0d481644ec6ad4592..7817d5aca77845bee79ff08d6a2d90d8aa89d76b 100644
--- a/test/integration/client-navigation/test/index.test.js
+++ b/test/integration/client-navigation/test/index.test.js
@@ -1314,6 +1314,26 @@ describe('Client Navigation', () => {
   })
 
   describe('updating head while client routing', () => {
+    it('should only execute async and defer scripts once', async () => {
+      let browser
+      try {
+        browser = await webdriver(context.appPort, '/head')
+
+        await browser.waitForElementByCss('h1')
+        await waitFor(2000)
+        expect(
+          Number(await browser.eval('window.__test_async_executions'))
+        ).toBe(1)
+        expect(
+          Number(await browser.eval('window.__test_defer_executions'))
+        ).toBe(1)
+      } finally {
+        if (browser) {
+          await browser.close()
+        }
+      }
+    })
+
     it('should update head during client routing', async () => {
       let browser
       try {
diff --git a/test/integration/client-navigation/test/rendering.js b/test/integration/client-navigation/test/rendering.js
index 7b60e912286676e9828595dd2256c6da7101ff31..817e23dc61eb7edc1cbee9c840b4f4379f82a737 100644
--- a/test/integration/client-navigation/test/rendering.js
+++ b/test/integration/client-navigation/test/rendering.js
@@ -186,6 +186,12 @@ export default function (render, fetch, ctx) {
       expect(html).toContain('<meta content="meta fragment"/>')
     })
 
+    test('header helper renders boolean attributes correctly children', async () => {
+      const html = await render('/head')
+      expect(html).toContain('<script src="/test-async.js" async="">')
+      expect(html).toContain('<script src="/test-defer.js" defer="">')
+    })
+
     it('should render the page with custom extension', async () => {
       const html = await render('/custom-extension')
       expect(html).toContain('<div>Hello</div>')