Fix issue with code block

package.json

@@ -55,7 +55,7 @@
   },
   "dependencies": {
     "@znck/prop-types": "^0.6.3",
-    "datocms-structured-text-generic-html-renderer": "^1.0.10",
+    "datocms-structured-text-generic-html-renderer": "^1.0.13",
     "hyphenate-style-name": "^1.0.4"
   },
   "peerDependencies": {

src/StructuredText/__tests__/__snapshots__/index.test.js.snap

@@ -4,7 +4,9 @@ exports[`StructuredText simple dast with no links/blocks with custom rules rende
 
 exports[`StructuredText simple dast with no links/blocks with default rules renders the document 1`] = `
 <div>
-  <h1>This<br>is a<br>title!</h1>
+  <h1>This<br>is a<br>title!</h1><pre data-language="javascript"><code>function greetings() {
+  console.log('Hi!');
+}</code></pre>
 </div>
 `;
 

src/StructuredText/__tests__/index.test.js

@@ -34,6 +34,12 @@ describe("StructuredText", () => {
                 },
               ],
             },
+            {
+              type: "code",
+              language: "javascript",
+              highlight: [1],
+              code: "function greetings() {\n  console.log('Hi!');\n}",
+            },
           ],
         },
       },

src/StructuredText/index.js

@@ -41,13 +41,22 @@ export const StructuredText = {
       return null;
     }
 
-    const hAdapter = (tagName, { key, ...attrs }, children) => {
-      const data = {
-        key,
-        attrs,
-      };
-
-      return h(tagName, data, children);
+    const hAdapter = (tagName, attrsWithKey, childOrChildren) => {
+      let data = undefined;
+
+      if (attrsWithKey) {
+        const { key, ...attrs } = attrsWithKey;
+        data = {
+          key,
+          attrs,
+        };
+      }
+
+      return h(
+        tagName,
+        data,
+        Array.isArray(childOrChildren) ? childOrChildren : [childOrChildren],
+      );
     };
 
     const adapter = {