Данные из JSON в React

Пытаюсь отрендерить простую таблицу на основе данных из JSON и получаю ошибку. Uncaught TypeError: Cannot read property ‘map’ of undefined

const API = 'http://dev.frevend.com/json/users.json';  class OurTable extends React.Component {    constructor(props) { super(props); 	  this.state = {   hits: [] };   }  	componentDidMount() { 		fetch(API) 		.then(response => response.json()) 		.then(data => this.setState({ 					   hits: data,  				       isLoading: false, 				     })); 		     this.setState({ isLoading: true }); 	}  	render() { 		const { isLoading } = this.state;         let data = this.state.hits;  		if (isLoading) { 		  return ( 		    <div> 			  <p>Loading...</p> 		    </div> 		  ); 		} else { 	    	return ( 	    	<div className='wrapper'>	             <table>	               <thead>                <tr>                 <td>ID</td>                 <td>name</td>                 <td>surname</td>                 <td>desc</td>                           </tr>               </thead>               <tbody>                 {data.users.map(element =>                   <tr key={element.id}>                     <td>{element.id}</td>                     <td>{element.name}</td>                     <td>{element.surname}</td>                     <td>{element.desc}</td>                  </tr>                 )}                 </tbody>        		  </table> 	   		</div>	 			); 		} 	} }  ReactDOM.render(<OurTable />, document.getElementById('root'));

образец кода в https://codepen.io/AndGreNik/pen/ebEYYe?editors=0010