Pre tags innerHTML needs to be prefixed

This is because if you do the equivalent on the client using innerHTML,
this is the effect you'd get.

Author: sebmarkbage

packages/react-dom/src/server/ReactDOMServerFormatConfig.js

@@ -1100,15 +1100,39 @@ function pushStartPreformattedElement(
   responseState: ResponseState,
   assignID: null | SuspenseBoundaryID,
 ): ReactNodeList {
-  const children = pushStartGenericElement(
-    target,
-    props,
-    tag,
-    responseState,
-    assignID,
-  );
+  target.push(startChunkForTag(tag));
+
+  let children = null;
+  let innerHTML = null;
+  for (const propKey in props) {
+    if (hasOwnProperty.call(props, propKey)) {
+      const propValue = props[propKey];
+      if (propValue == null) {
+        continue;
+      }
+      switch (propKey) {
+        case 'children':
+          children = propValue;
+          break;
+        case 'dangerouslySetInnerHTML':
+          innerHTML = propValue;
+          break;
+        default:
+          pushAttribute(target, responseState, propKey, propValue);
+          break;
+      }
+    }
+  }
+  if (assignID !== null) {
+    pushID(target, responseState, assignID, props.id);
+  }
+
+  target.push(endOfStartTag);
 
-  if (typeof children === 'string' && children[0] === '\n') {
+  if (
+    (typeof children === 'string' && children[0] === '\n') ||
+    (typeof innerHTML === 'string' && innerHTML[0] === '\n')
+  ) {
     // text/html ignores the first character in these tags if it's a newline
     // Prefer to break application/xml over text/html (for now) by adding
     // a newline specifically to get eaten by the parser. (Alternately for
@@ -1124,6 +1148,7 @@ function pushStartPreformattedElement(
     target.push(leadingNewline);
   }
 
+  pushInnerHTML(target, innerHTML, children);
   return children;
 }