Попытка получить результат от более чем одного api React native на одной странице

Question

Я пытаюсь получить данные из базы данных и поместить их в средство выбора, когда я использую один fecth, он работает нормально, но когда я добавляю второй, появляется сообщение об ошибке: «typeError: undefined не является объектом (оценка 'this.state .dataSource2.map ') "

componentDidMount() {

  fetch('url1')
    .then((response) => response.json())
    .then((responseJson) => {
      this.setState({
        isLoading: false,
        dataSource: responseJson,

      }
      );
    })
     .then( () => {
      fetch('url2')
    .then((response) => response.json())
    .then((responseJson) => {
      this.setState({
        isLoading: false,
        dataSource2: responseJson
      });
    })
    })
    .catch((error) => {
      console.error(error);
    });
}

первое средство выбора:

        onValueChange={(itemValue, itemIndex) => this.setState({ar1: itemValue})} >

        { this.state.dataSource.map((item, key)=>(
        <Picker.Item label={item.nom} value={item.nom} key={key} />)
        )}

      </Picker>

второе средство выбора:

        onValueChange={(itemValue, itemIndex) => this.setState({ar2: itemValue})} >

        { this.state.dataSource2.map((item, key)=>(
        <Picker.Item label={item.nom} value={item.nom} key={key} />)
        )}

      </Picker>