diff --git a/js/component/splash.js b/js/component/splash.js
index b3cc102f6..e1838e912 100644
--- a/js/component/splash.js
+++ b/js/component/splash.js
@@ -15,6 +15,10 @@ var splashStyle = {
 var SplashScreen = React.createClass({
   propTypes: {
     message: React.PropTypes.string,
+    onLoadDone: React.PropTypes.func,
+  },
+  componentDidMount: function() {
+    lbry.connect(this.props.onLoadDone);
   },
   render: function() {
     var imgSrc = lbry.imagePath('lbry-white-485x160.png');
diff --git a/js/main.js b/js/main.js
index 4d9679c22..6305ccfa3 100644
--- a/js/main.js
+++ b/js/main.js
@@ -3,13 +3,11 @@ var init = function() {
   var canvas = document.getElementById('canvas');
 
   ReactDOM.render(
-    <SplashScreen message="Connecting"/>,
+    <SplashScreen message="Connecting" onLoadDone={function() {
+      ReactDOM.render(<App/>, canvas);
+    }}/>,
     canvas
   );
-
-  lbry.connect(function() {
-    ReactDOM.render(<App/>, canvas);
-  })
 };
 
 init();