При обращении к state в react class вне constructor значение undefined

у меня есть class который должен получить данные, преобразовать их, записать в state и отрендерить

class ProblemId extends Component {
  constructor(props) {
    super(props);
    this.state = {
      applications: [],
      id: [],
    };

    axios.get('https://formdbjson-project.herokuapp.com/all').then((res) => {
      const applications = res.data;

      applications.forEach((id) => {
         const newArray = this.state.id;
         newArray[id.id] = id;
         this.state = { applications: applications, id: newArray };
      });
   });
   console.log(this.state.id['10.03.2022 22:05:44']);
}

render() {
   return (
      <div className="problemIdCard">
         {this.state.applications.map((arr) => (
            <div>{this.state.id[arr.id].city}</div>
         ))}
      </div>
    );
  }
}

эти данные он получает:

[
{
"city": "Апатиты",
"addres": "АДБ №85 ул. Елькина, д. 3А",
"name": "Пупкин В. С.",
"position": "заведующий",
"phone": "+79110000000",
"problem": "ысфссяяяяяяяяяяяяяяяя",
"prioritet": "Не срочно",
"date": "10.03.2022 22:05:44",
"id": "10.03.2022 22:05:44",
"status": "Не принято"
},
{
"city": "Апатиты",
"addres": "АДБ №85 ул. Елькина, д. 3А",
"name": "Пупкин В. С.",
"position": "заведующий",
"phone": "+79110000000",
"problem": "вцффффффффффффффффффф",
"prioritet": "Не срочно",
"date": "10.03.2022 22:05:55",
"id": "10.03.2022 22:05:55",
"status": "Не принято"
},
{
"city": "Заозёрск",
"addres": "АДБ №85 ул. Елькина, д. 3А",
"name": "Пупкин В. С.",
"position": "заведующий",
"phone": "+79110000000",
"problem": "цвффффффффффффффффффффффффффф",
"prioritet": "Не срочно",
"date": "10.03.2022 22:10:31",
"id": "10.03.2022 22:10:31",
"status": "Не принято"
}
]

в эти он их преобразовывает и записывает в this.state.id:

[
  10.03.2022 22:05:44 : {
    addres: "АДБ №85 ул. Елькина, д. 3А"
    city: "Апатиты"
    date: "10.03.2022 22:05:44"
    id: "10.03.2022 22:05:44"
    name: "Пупкин В. С."
    phone: "+79110000000"
    position: "заведующий"
    prioritet: "Не срочно"
    problem: "ысфссяяяяяяяяяяяяяяяя"
    status: "Не принято"
  },
  10.03.2022 22:05:55 : {
    addres: "АДБ №85 ул. Елькина, д. 3А"
    city: "Апатиты"
    date: "10.03.2022 22:05:55"
    id: "10.03.2022 22:05:55"
    name: "Пупкин В. С."
    phone: "+79110000000"
    position: "заведующий"
    prioritet: "Не срочно"
    problem: "вцффффффффффффффффффф"
    status: "Не принято"
  },
  и тд...
]

при вызове console.log(this.state.id['10.03.2022 22:05:44']); в консоль выдает это:

А при вызове в render() выдает что невозможно обратиться к undefined