Merge pull request #158 from renanpvaz/improve-adblocker-related-error-message

Mention ad blockers when Babel is not defined

Author: bvaughn

src/components/CodeEditor/CodeEditor.js

@@ -197,7 +197,16 @@ class CodeEditor extends Component {
                     color: colors.error,
                     padding: 10,
                   }}>
-                  {error.message}
+                  {this.state.didBabelLoad ? (
+                    error.message
+                  ) : (
+                    <span>
+                      Babel could not be loaded. This can be caused by ad
+                      blockers. If you're using an ad blocker, consider adding
+                      reactjs.org to the whitelist so the live code examples
+                      will work.
+                    </span>
+                  )}
                 </pre>
               </div>
             )}
@@ -305,6 +314,7 @@ class CodeEditor extends Component {
       console.error(error);
 
       return {
+        didBabelLoad: !!window.Babel,
         compiled: null,
         error,
       };