«Невозможно прочитать свойство undefined» в React после выборки и ожидания

Я новичок в React, и у меня проблема с получением:

Я делаю проект в реакции, где мне нужно получить пять разных URL-адресов в зависимости от того, какую компанию выбирает пользователь. Я много раз менял код, но он не работает.

Я пробовал с componentDidMount (но он вызывается только один раз, и я хочу получить много URL-адресов), с «пока (! this.state)», чтобы занять ожидание выборки, чтобы получить данные, прежде чем назначать их и т. д.

Функция извлечения:

async fetch_data() {
    var sel = this.props.select;
    symbol = companies[sel];
    url = 'https://www.alphavantage.co/query?function=' + func + '&symbol=' + symbol + '&outputsize=' + osize + '&apikey=' + api_key;
    var response = await fetch(url);
    var data = await response.json();

    while(!data);

    this.setState({data: data, loading: false });
    this.setValues();    
  }

Функция установки значений (обрезана, чтобы не было так долго):

setValues() {
    day = this.state.data["Meta Data"]["3. Last Refreshed"];
    open = this.state.data["Time Series (Daily)"][day]["1. open"];
    higher = this.state.data["Time Series (Daily)"][day]["2. high"];
  }

Функция рендеринга (тоже урезанная):

render() {

    this.fetch_data();
    if (this.state.loading || !this.state || !this.state.data) {
      return <div>Loading :D...</div>
    } else {
      return (
        <div>
          <h2>Symbol: {symbol}</h2>
          <p>Url: {url}</p>
          <ul>
            <li>
              Open price: {open}
            </li>
            <li>
              Higher price: {higher}
            </li>
          </ul>
        </div>
      );
    }
  }

На самом деле я сделал ту часть, когда пользователь выбирает компанию, а символ (и URL-адрес) меняется... Но проблема в том, что когда программа хочет получить доступ, например, к this.state.data["Time Series (Daily)"][day]["1. open"];, она падает, потому что она извлекает и получает данные.

Ошибка говорит:

Unhandled Rejection (TypeError): Cannot read property '3. Last Refreshed' of undefined:

  42 | setValues() {
> 43 |   day = this.state.data["Meta Data"]["3. Last Refreshed"];
     | ^  44 |   open = this.state.data["Time Series (Daily)"][day]["1. open"];
  45 |   higher = this.state.data["Time Series (Daily)"][day]["2. high"];

Приложение не всегда дает сбой и показывает результаты, но компонент рендеринга продолжает вызывать this.fetch_data() и происходит сбой, потому что иногда (например, в 80% случаев) данные не приходят, и я пытаюсь доступ к нему.