Merge pull request #30 from vtex-apps/fix/missing-spread

Fix marker interpolation
vtex-apps · Nov 13, 2020 · f0a6eee · f0a6eee
2 parents 88d9276 + bf4b3ae
commit f0a6eee
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
+### Fixed
+- Marker interpolation bug introduced on `0.7.2`.
 
 ## [0.7.2] - 2020-11-12
 ### Changed

diff --git a/react/IOMessageWithMarkers.tsx b/react/IOMessageWithMarkers.tsx
@@ -20,7 +20,7 @@ const IOMessageWithMarkers: IOMessageWithMarkersType = ({
   const markerComponents = markers.reduce((acc, marker) => {
     // for more information check https://github.com/formatjs/react-intl/blob/master/docs/Components.md#rich-text-formatting
     // eslint-disable-next-line react/display-name
-    acc[marker] = (chunks) => (
+    acc[marker] = (...chunks) => (
       <span key={marker} className={handles[`${handleBase}-${marker}`]}>
         {chunks}
       </span>