App.js

import React, { Component } from 'react';
import { Route } from 'react-router';

import { Layout } from './React/Pages/Layout';

import { HomePage } from './React/Pages/HomePage';
import { FetchDataPage } from './React/Pages/FetchDataPage';
import { CounterPage } from './React/Pages/CounterPage';

//import { ITest, ITest2 } from './Model/DI/DependecyModule'

export default class App extends Component {
    static displayName = App.name;


    constructor(props) {

        super(props);

        this.state = {
            hasError: false,
            errorText: null,
            errorInfo: null
        };      

        //let t1 = dependecy.get(ITest.InterfaceName);
        //let t2 = dependecy.get(ITest2.InterfaceName);

        //var s1 = t1.hello();
        //var s2 = t2.hello();

        //debugger;
    }


    componentDidCatch(error, info) {

        this.setState(
            (prevState, props) => {

                var state = {
                    hasError: true,
                    errorText: error,
                    errorInfo: info
                };

                return state;
            }
        );
    }

    render() {

        return (
            <Layout>
                <Route exact path='/' component={HomePage} />
                <Route path='/counter' component={CounterPage} />
                <Route path='/fetch-data' component={FetchDataPage} />
            </Layout>
        );

    }
}