fix: use dangerouslySetInnerHTML to ensure everything renders properly

Author: flybayer

dist/JSONLD.js

@@ -34,11 +34,12 @@ var JSONLD = function JSONLD(props) {
     var firstChild = new ChildClass(props.children.props).getJSON(true, schema);
     json = ChildClass.name === 'JSONLDNodeCollection' ? _extends({ '@context': 'http://schema.org/' }, _defineProperty({}, type, firstChild)) : _extends({ '@context': 'http://schema.org/' }, firstChild);
   }
-  return _react2.default.createElement(
-    'script',
-    { type: 'application/ld+json' },
-    JSON.stringify(json)
-  );
+  return _react2.default.createElement('script', {
+    type: 'application/ld+json',
+    dangerouslySetInnerHTML: {
+      __html: JSON.stringify(json)
+    }
+  });
 };
 
 exports.JSONLD = JSONLD;

dist/schemas/Generic.js

@@ -16,8 +16,6 @@ var _JSONLDAbstractNode3 = _interopRequireDefault(_JSONLDAbstractNode2);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -45,7 +43,8 @@ var ChildNode = function (_JSONLDAbstractNode) {
       var details = {
         '@type': this.props.jsonldtype
       };
-      return isFirstChildNode ? _extends.apply(undefined, [_extends({}, details, schema)].concat(_toConsumableArray(parseChildren))) : _extends(_defineProperty({}, this.props.id, _extends({}, details, schema, parseChildren)));
+
+      return _extends.apply(undefined, [_extends({}, details, schema)].concat(_toConsumableArray(parseChildren)));
     }
   }]);
 

src/core/JSONLD.js

@@ -12,7 +12,12 @@ export const JSONLD = props => {
       : Object.assign({'@context': 'http://schema.org/'}, firstChild)
   }
   return (
-    <script type="application/ld+json">{ JSON.stringify(json) }</script>
+    <script
+      type="application/ld+json"
+      dangerouslySetInnerHTML={{
+        __html: JSON.stringify(json),
+      }}
+    />
   );
 }