diff --git a/src/components/CodeEditor/CodeEditor.js b/src/components/CodeEditor/CodeEditor.js
index cfe881355df..5fede1c0c71 100644
--- a/src/components/CodeEditor/CodeEditor.js
+++ b/src/components/CodeEditor/CodeEditor.js
@@ -176,7 +176,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>
             )}
@@ -275,6 +284,7 @@ class CodeEditor extends Component {
       console.error(error);
 
       return {
+        didBabelLoad: !!window.Babel,
         compiled: null,
         error,
       };