From 5e35844e288142cf2366a3328035c43cce6c1172 Mon Sep 17 00:00:00 2001
From: Andy O'Neill <andy@scratch.mit.edu>
Date: Wed, 22 Feb 2023 09:28:58 -0500
Subject: [PATCH] fix: use span for localized messages

---
 src/lib/render.jsx            | 1 +
 test/helpers/intl-helpers.jsx | 7 ++++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/lib/render.jsx b/src/lib/render.jsx
index b7a6323d3..bc2309b26 100644
--- a/src/lib/render.jsx
+++ b/src/lib/render.jsx
@@ -39,6 +39,7 @@ const render = (jsx, element, reducers, initialState, enhancer) => {
                 <IntlProvider
                     locale={intlLocale}
                     messages={messages}
+                    textComponent="span"
                 >
                     {jsx}
                 </IntlProvider>
diff --git a/test/helpers/intl-helpers.jsx b/test/helpers/intl-helpers.jsx
index 1ca728b79..43bbfb7c3 100644
--- a/test/helpers/intl-helpers.jsx
+++ b/test/helpers/intl-helpers.jsx
@@ -39,7 +39,12 @@ const mountWithIntl = (node, {context, childContextTypes} = {}) => {
 
 // react-test-renderer component for use with snapshot testing
 const componentWithIntl = (children, props = {locale: 'en'}) => renderer.create(
-    <IntlProvider {...props}>{children}</IntlProvider>
+    <IntlProvider
+        textComponent="span"
+        {...props}
+    >
+        {children}
+    </IntlProvider>
 );
 
 export {