React - NotFoundError: DOM Exception 8


#1

Hey,
I’m having some trouble with React and a conditional element. This is my render method:

render() {

 var showLoading=null;

 if(this.state.loadingMessages) {
    showLoading = <div className="loading"><img src="/img/loading.svg"/></div>;
 }

return (
     <Page>
      <h1>Some title</code>
      {showLoading}
      <div id="messages"></div>
   </Page>
 );

}

I get the following error because of the showLoading element:

NotFoundError: DOM Exception 8: An attempt was made to reference a Node in a context where it does not exist.

The error appears on Cordova iOS9. Is this an Apple/Safari issue or is it a common React problem? It works if I define

var showLoading = <div className="loading"></div>; 

on the beginning, but why? If I remember right, I have to return an element or null, but null seems not to work.