From d78746c96245b70a83514a69ba4047e5dd0c7f54 Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Tue, 12 Oct 2021 00:32:59 -0400
Subject: [PATCH] [compat] Skip rendering <noscript> contents on the client
 (#3238)

* [compat] Skip rendering <noscript> contents on the client

This fixes the issue from #2797, and [this issue](https://zenn.dev/d_suke/scraps/f7013c4554ac43) using Next.js's `<Image>` component with Preact.

* Update render.js

Co-authored-by: Jovi De Croock <decroockjovi@gmail.com>
---
 compat/src/render.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/compat/src/render.js b/compat/src/render.js
index 21262faf60..1320755e81 100644
--- a/compat/src/render.js
+++ b/compat/src/render.js
@@ -12,6 +12,8 @@ export const REACT_ELEMENT_TYPE =
 
 const CAMEL_PROPS = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|marker(?!H|W|U)|overline|paint|stop|strikethrough|stroke|text(?!L)|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/;
 
+const IS_DOM = typeof document !== 'undefined';
+
 // Input types for which onchange should not be converted to oninput.
 // type="file|checkbox|radio", plus "range" in IE11.
 // (IE11 doesn't support Symbol, which we use here to turn `rad` into `ra` which matches "range")
@@ -118,7 +120,11 @@ options.vnode = vnode => {
 		for (let i in props) {
 			let value = props[i];
 
-			if (i === 'value' && 'defaultValue' in props && value == null) {
+			if (IS_DOM && i === 'children' && type === 'noscript') {
+				// Emulate React's behavior of not rendering the contents of noscript tags on the client.
+				continue;
+			}
+			else if (i === 'value' && 'defaultValue' in props && value == null) {
 				// Skip applying value if it is null/undefined and we already set
 				// a default value
 				continue;