React component intermitently working in chrome, debug for stability
<p>This code has been working fine, but now it's working intermittently in chrome. Does anyone know what might be causing this. If so what can I do to increase stability in chrome</p>

<p>This function opens a pop up modal with the project form react component. </p>

<pre><code>editProject: function(i) {
    $('#agency_projects').trigger(
            "projects:open", 
            [this.state.projects[i].showUrl, true]
    );
},

getInitialState: function() {
    return {

        ...

        /* TODO Refactor to prevent props in initialState */
        projectId:      this.props.projectId,
        projectUrl:     this.props.projectUrl,
    }
},
</code></pre>

<p>The initial state has the project id, and url stored which is used to submit an ajax request to pull in the project.</p>

<pre><code>componentDidMount: function() {
    if(this.props.projectUrl) {
        $.getJSON(this.state.projectUrl)
        .done(function(data) {
            if(!this.isMounted()) {
                return;
            }
            this.setState({
                title:          data.title,
                externalUrl:    data.externalUrl,
                client:         data.client,
                description:    data.description,
                content:        data.content,
            });
        }.bind(this))
        .fail(function(jqXHR, status, err) {
            console.error(jqXHR, status, err);
        });
    }
},
</code></pre>

<p>The form renders as suspected, but the data is only pulled every now and again.</p>