fix: merge plain strings props replacements

index-test.js

@@ -278,6 +278,23 @@ describe(`reactElementToJSXString(ReactElement)`, () => {
       reactElementToJSXString(renderer.getRenderOutput())
     ).toEqual(`<div>
   <span />
+</div>`);
+  });
+
+  it(`reactElementToJSXString(<div>Hello {this.props.name}</div>`, () => {
+    class InlineProps extends React.Component {
+      render() {
+        return <div>Hello {this.props.name}</div>
+      }
+    }
+
+    let renderer = createRenderer();
+    renderer.render(<InlineProps name="John" />);
+    let actualElement = renderer.getRenderOutput();
+    expect(reactElementToJSXString(actualElement))
+      .toEqual(
+`<div>
+  Hello John
 </div>`);
   });
 });

index.js

@@ -60,6 +60,7 @@ function toJSXString({ReactElement = null, lvl = 0, inline = false}) {
     } else {
       out += React.Children
         .toArray(children)
+        .reduce(mergePlainStringChildren, [])
         .map(
           recurse({lvl, inline})
         ).join('\n' + spacer(lvl));
@@ -80,6 +81,18 @@ function toJSXString({ReactElement = null, lvl = 0, inline = false}) {
   return out;
 }
 
+function mergePlainStringChildren(prev, cur, index, arr) {
+  var lastItem = prev[prev.length - 1];
+
+  if (typeof lastItem === 'string' && typeof cur === 'string') {
+    prev[prev.length - 1] += cur;
+  } else {
+    prev.push(cur);
+  }
+
+  return prev;
+}
+
 function formatProps(props) {
   return Object
     .keys(props)