Add react new error handeling with componentDidCatch

app/components/Master/Master.tsx

@@ -7,21 +7,18 @@ import { push } from 'react-router-redux'
 import Snackbar from 'material-ui/Snackbar'
 import LinearProgress from 'material-ui/LinearProgress'
 
-
 // - Import components
 import Home from 'components/Home'
 import Signup from 'components/Signup'
 import Login from 'components/Login'
 import Settings from 'components/Settings'
 import MasterLoading from 'components/MasterLoading'
-import { IMasterProps } from "./IMasterProps"
+import { IMasterProps } from './IMasterProps'
-import { IMasterState } from "./IMasterState"
+import { IMasterState } from './IMasterState'
-
 
 // - Import API
 import { PrivateRoute, PublicRoute } from 'api/AuthRouterAPI'
 
-
 // - Import actions
 import * as authorizeActions from 'actions/authorizeActions'
 import * as imageGalleryActions from 'actions/imageGalleryActions'
@@ -33,12 +30,8 @@ import * as globalActions from 'actions/globalActions'
 import * as circleActions from 'actions/circleActions'
 import * as notifyActions from 'actions/notifyActions'
 
-
 /* ------------------------------------ */
 
-
-
-
 // - Create Master component class
 export class Master extends Component<IMasterProps,IMasterState> {
 
@@ -56,7 +49,6 @@ export class Master extends Component<IMasterProps,IMasterState>{
     this.handleLoading = this.handleLoading.bind(this)
     this.handleMessage = this.handleMessage.bind(this)
 
-
   }
 
   // Handle click on message
@@ -72,6 +64,12 @@ export class Master extends Component<IMasterProps,IMasterState>{
     })
   }
 
+  componentDidCatch (error: any, info: any) {
+    console.log('====================================')
+    console.log(error, info)
+    console.log('====================================')
+  }
+
   componentWillMount () {
 
     firebaseAuth().onAuthStateChanged((user: any) => {
@@ -81,7 +79,6 @@ export class Master extends Component<IMasterProps,IMasterState>{
         this.setState({
           loading: false
         })
-      
         if (!this.props.global.defaultLoadDataStatus) {
           this.props.clearData()
           this.props.loadData()
@@ -102,8 +99,6 @@ export class Master extends Component<IMasterProps,IMasterState>{
 
   }
 
-
-
   /**
    * Render app DOM component
    *
@@ -116,10 +111,10 @@ export class Master extends Component<IMasterProps,IMasterState>{
     const {progress, global} = this.props
 
     return (
-      <div id="master">
+      <div id='master'>
 
  <div className='master__progress' style={{display: (progress.visible ? 'block' : 'none' )}}>
-            <LinearProgress mode="determinate" value={progress.percent} />
+            <LinearProgress mode='determinate' value={progress.percent} />
             </div>
   <div className='master__loading animate-fading2' style={{display: ( global.showTopLoading ? 'flex' : 'none' )}}>
    <div className='title'>Loading ... </div>
@@ -128,13 +123,13 @@ export class Master extends Component<IMasterProps,IMasterState>{
 
         {(!this.state.loading && (this.props.loaded || this.props.guest))
         ? (<Switch>
-          <Route path="/signup" component={Signup} />
+          <Route path='/signup' component={Signup} />
-          <Route path="/settings" component={Settings}  />
+          <Route path='/settings' component={Settings} />
-          <Route path="/login" render={() => {
+          <Route path='/login' render={() => {
-            console.log('this.props.authed: ', this.props.authed, "this.props: ", this.props)
+            console.log('this.props.authed: ', this.props.authed, 'this.props: ', this.props)
             return (
               this.props.authed
-                ? <Redirect to="/" />
+                ? <Redirect to='/' />
                 : <Login />
             )
           }