From 5e58db0de4f09e6473c5b153892746c815097a96 Mon Sep 17 00:00:00 2001
From: Jude Agboola <marvinjudehk@gmail.com>
Date: Wed, 20 Jul 2022 11:45:10 +0100
Subject: [PATCH] fix(gatsby): prevent escaping textContent for scripts
 (#36174)

* prevent escaping textContent for <script> data blocks

* fix typo

* touch up

* spread attributes

* add gatsby-head attribute

* unescape for all script tags

(cherry picked from commit d42243cdb7739ed261be94c4be40bb1b055af3b7)
---
 .../head/head-export-handler-for-ssr.js       | 31 +++++++++++++------
 1 file changed, 21 insertions(+), 10 deletions(-)

diff --git a/packages/gatsby/cache-dir/head/head-export-handler-for-ssr.js b/packages/gatsby/cache-dir/head/head-export-handler-for-ssr.js
index 2003321cf71cb..88c837f7e6d61 100644
--- a/packages/gatsby/cache-dir/head/head-export-handler-for-ssr.js
+++ b/packages/gatsby/cache-dir/head/head-export-handler-for-ssr.js
@@ -56,20 +56,31 @@ export function headHandlerForSSR({
 
     const seenIds = new Map()
     for (const node of headNodes) {
-      const { rawTagName, attributes } = node
-      const id = attributes.id
+      const { rawTagName } = node
+      const id = node.attributes.id
 
       if (!VALID_NODE_NAMES.includes(rawTagName)) {
         warnForInvalidTags(rawTagName)
       } else {
-        const element = createElement(
-          rawTagName,
-          {
-            ...attributes,
-            "data-gatsby-head": true,
-          },
-          node.childNodes[0]?.textContent
-        )
+        let element
+        const attributes = { ...node.attributes, "data-gatsby-head": true }
+        if (rawTagName === `script`) {
+          element = (
+            <script
+              {...attributes}
+              dangerouslySetInnerHTML={{
+                __html: node.text,
+              }}
+            />
+          )
+        } else {
+          element = (
+            <node.rawTagName {...attributes}>
+              {node.childNodes[0]?.textContent}
+            </node.rawTagName>
+          )
+        }
+
         if (id) {
           if (!seenIds.has(id)) {
             validHeadNodes.push(element)