fix: use span for localized messages

src/lib/render.jsx

@@ -39,6 +39,7 @@ const render = (jsx, element, reducers, initialState, enhancer) => {
                 <IntlProvider
                     locale={intlLocale}
                     messages={messages}
+                    textComponent="span"
                 >
                     {jsx}
                 </IntlProvider>

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 {