React Component To Show Loading a Waiting Message Only When Necessary

Component.js

import React, {Component} from 'react';
import axios from 'axios';

class App extends Component {

    constructor() {
        super();
        this.timeIncrementMs = 50;
        this.showSpinnerIfReturnGreaterThanMs = 200;
        this.state = {
            isLoading: true,
            msElapsed: 0
        };
    }

    componentWillUnmount() {
        clearInterval(this.incrementer);
    }

    componentWillMount() {
        this.incrementer = setInterval(() =>
                this.setState({
                    msElapsed: this.state.msElapsed + this.timeIncrementMs
                })
            , this.timeIncrementMs);
        axios.get("https://api.github.com/users/pkellner/repos")
            .then((result) => {
                this.setState({
                    appData: result.data,
                    isLoading: false
                });
            })
            .catch(error => {
                if (error.response) {
                    console.log(error.responderEnd);
                }
            });
    }

    render() {
        if (this.state.isLoading &&
            this.state.msElapsed > this.showSpinnerIfReturnGreaterThanMs) {
            return <h1>LOADING</h1>;
        } else if (this.state.isLoading &&
            this.state.msElapsed <= this.showSpinnerIfReturnGreaterThanMs) {
            return (null);
        }

        const content = this.state.appData.map((repo) =>
            <li key={repo.id}>
                {repo.name}
            </li>);

        return (
            <ul>
                {content}
            </ul>
        );
    }
}
export default App;