use editor mount for loading instead of carbon's

components/Carbon.js

@@ -224,7 +224,7 @@ class Carbon extends React.PureComponent {
     return (
       <div className="section">
         <div className="export-container" ref={this.props.innerRef} id="export-container">
-          <SpinnerWrapper>{content}</SpinnerWrapper>
+          <SpinnerWrapper loading={this.props.loading}>{content}</SpinnerWrapper>
           <div className="twitter-png-fix" />
         </div>
         <style jsx>

components/Editor.js

@@ -42,7 +42,8 @@ class Editor extends React.Component {
     super(props)
     this.state = {
       ...DEFAULT_SETTINGS,
-      preset: DEFAULT_PRESET_ID
+      preset: DEFAULT_PRESET_ID,
+      loading: true
     }
 
     this.export = this.export.bind(this)
@@ -80,7 +81,8 @@ class Editor extends React.Component {
       // Load from localStorage
       ...getSettings(localStorage),
       // and then URL params
-      ...initialState
+      ...initialState,
+      loading: false
     }
 
     // Makes sure the slash in 'application/X' is decoded
@@ -334,12 +336,13 @@ class Editor extends React.Component {
                 {/*key ensures Carbon's internal language state is updated when it's changed by Dropdown*/}
                 <Carbon
                   key={language}
+                  ref={this.carbonNode}
                   config={this.state}
                   onChange={this.updateCode}
                   onAspectRatioChange={this.updateAspectRatio}
                   titleBar={titleBar}
                   updateTitleBar={this.updateTitleBar}
-                  ref={this.carbonNode}
+                  loading={this.state.loading}
                 >
                   {code != null ? code : DEFAULT_CODE}
                 </Carbon>

components/SpinnerWrapper.js

@@ -2,13 +2,7 @@ import React from 'react'
 import Spinner from 'react-spinner'
 
 export default function SpinnerWrapper(props) {
-  const [loading, setLoading] = React.useState(true)
+  if (props.loading) {
-
-  React.useEffect(() => {
-    setLoading(false)
-  }, [])
-
-  if (loading) {
     return (
       <div>
         <Spinner />