Fix React warnings in TranslateWithMarkup

Fixes #1578
GoogleForCreators · Oct 10, 2020 · cb7719f · cb7719f
1 parent d90e20e
commit cb7719f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/assets/src/i18n/translateWithMarkup.js b/assets/src/i18n/translateWithMarkup.js
@@ -17,7 +17,7 @@
 /**
  * External dependencies
  */
-import { cloneElement, createElement } from 'react';
+import { cloneElement, createElement, Fragment } from 'react';
 import PropTypes from 'prop-types';
 
 /** @typedef {import('react').React.ReactNode} ReactNode */
@@ -121,7 +121,7 @@ function TranslateWithMarkup({ mapping = {}, children }) {
   return transform(
     new DOMParser().parseFromString(children, 'text/html').body.firstChild,
     mapping
-  );
+  ).map((element, index) => <Fragment key={index}>{element}</Fragment>);
 }
 
 TranslateWithMarkup.propTypes = {