From bc0816f936213f81d2fae4cad8f15c9dd1087d1c Mon Sep 17 00:00:00 2001
From: "C. T. Lin" <chentsulin@gmail.com>
Date: Sat, 12 Mar 2022 00:53:09 +0800
Subject: [PATCH] fix(Script): allow passing defer=false to Script component
 (#34850)

## Bug

```jsx
<Script
  async
  defer={false}
  strategy='beforeInteractive'
  src='https://securepubads.g.doubleclick.net/tag/js/gpt.js'
/>
```

output:

```html
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" async="" defer="" data-nscript="beforeInteractive"></script>
```

The `defer` prop is overridden by `!disableOptimizedLoading`, so can't disable it on the particular script.
---
 packages/next/pages/_document.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/next/pages/_document.tsx b/packages/next/pages/_document.tsx
index 309ae6321dcb..15ad248f3c47 100644
--- a/packages/next/pages/_document.tsx
+++ b/packages/next/pages/_document.tsx
@@ -81,7 +81,7 @@ function getPreNextScripts(context: HtmlProps, props: OriginProps) {
         <script
           {...scriptProps}
           key={scriptProps.src || index}
-          defer={!disableOptimizedLoading}
+          defer={scriptProps.defer ?? !disableOptimizedLoading}
           nonce={props.nonce}
           data-nscript="beforeInteractive"
           crossOrigin={props.crossOrigin || crossOrigin}