Расположение файлов

Файл auto.json

Пытаюсь в реакте подключится получить данный файл, и в дальнейшем работать с данными. В консоли браузера пишет Null, подскажите где ошибка в запросе?
import React from "react";
import PageOne from "./pageone";
class Main extends React.Component {
constructor(props){
super(props);
this.state = {
WeatherObj:null
}
}
componentWillMount(){
this.getWeather();
}
getWeather(){
let req = new XMLHttpRequest();
req.onload = () => {
this.setState({WeatherObj:req.response});
}
req.open("GET", "auto.json", true);
req.responseType = "json";
req.send();
}
render() {
let weather = this.state.WeatherObj;
console.log(weather);
return(
<button>Запустить</button>
)
}
}
export default Main;