Really fix the problem

Render sync if no async component is used

Author: Bond

__tests__/index.js

@@ -147,7 +147,7 @@ describe('Components', () => {
     expect(testStrategy.mock.calls[0][0].key).toBe(apiKey);
   });
 
-  test('A span is rendered if image geneation failed', done => {
+  test('A span is rendered if image generation failed', done => {
     const testStrategy = jest.fn(data => Promise.reject('test'));
 
     const wrapper = mount(

src/components/StaticGoogleMap.js

@@ -126,7 +126,12 @@ class StaticGoogleMap extends Component {
     const childrenUrlParts = this.buildParts(children, props) || [];
     const mainUrlParts = MapStrategy(props);
 
-    if (Array.isArray(childrenUrlParts)) {
+    /**
+     * All the parts should return a string if a component that does not return a promise isn't used
+     * The Directions's component returns a promise and would instead use the Async component to render
+     * This allows us render sync otherwise and partially support server side rendering.
+     */
+    if (!childrenUrlParts.some(part => typeof part === 'object')) {
       const childURL = childrenUrlParts.filter(part => part).join('&');
       const url = `${mainUrlParts}&${childURL}`;