Retrieving Device Info in React Native

import React, { Component } from 'react';
import {
  SafeAreaView,
  StyleSheet,
  ScrollView,
  View,
  Text,
  StatusBar, Button,
} from 'react-native';
import DeviceInfo from 'react-native-device-info';


export default class App extends Component<{}> {

  constructor() {
    super();
    this.buildId = ""
    this.deviceName = ""
    this.ipAddress = ""
    this.macAddress = ""
    this.manufacturer = ""
    this.carrier = ""
    this.userAgent = ""
    this.landscape = ""
    this.state = {}
    this.counter = 0
  }

  componentDidMount() {
    this.update();
  }

  sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
  }

  async update() {
    var temp_counter = 0;
    DeviceInfo.getBuildId().then(value => { this.buildId = value; temp_counter++; }).catch(err => {temp_counter++});
    DeviceInfo.getDeviceName().then(value => { this.deviceName = value; temp_counter++; }).catch(x =>{temp_counter++});
    DeviceInfo.getIpAddress().then(value => { this.ipAddress = value; temp_counter++; }).catch(x =>{temp_counter++});
    DeviceInfo.getMacAddress().then(value => { this.macAddress = value; temp_counter++; }).catch(x =>{temp_counter++});
    DeviceInfo.getManufacturer().then(value => { this.manufacturer = value; temp_counter++; }).catch(x =>{temp_counter++});
    DeviceInfo.getCarrier().then(value => { this.carrier = value; temp_counter++; }).catch(x =>{temp_counter++});
    DeviceInfo.getUserAgent().then(value => { this.userAgent = value; temp_counter++; }).catch(x =>{temp_counter++});
    DeviceInfo.isLandscape().then(value => { this.landscape = String(value); temp_counter++; }).catch(x =>{temp_counter++});
    start_ = Date.now();
    while(temp_counter < 8 && (Date.now() - start_ < 2000)) {
      await this.sleep(100);
    }
    this.setState({});
  }

  render() {
    this.counter++;
    return (
      <View style={styles.container}>
          <Text style={styles.textStyle}> getApplicationName: {DeviceInfo.getApplicationName()}</Text>
          <Text style={styles.textStyle}> getBuildId: {this.buildId}</Text>
          <Text style={styles.textStyle}> getDeviceId: {DeviceInfo.getDeviceId()}</Text>
          <Text style={styles.textStyle}> getDeviceType: {DeviceInfo.getDeviceType()}</Text>
          <Text style={styles.textStyle}> getDeviceName: {this.deviceName}</Text>
          <Text style={styles.textStyle}> getIpAddress: {this.ipAddress}</Text>
          <Text style={styles.textStyle}> getMacAddress: {this.macAddress}</Text>
          <Text style={styles.textStyle}> getManufacturer: {this.manufacturer}</Text>
          <Text style={styles.textStyle}> getModel(): {DeviceInfo.getModel()}</Text>
          <Text style={styles.textStyle}> getVersion(): {DeviceInfo.getVersion()}</Text>
          <Text style={styles.textStyle}> getBuildId(): {this.buildId}</Text>
          <Text style={styles.textStyle}> getBrand(): {DeviceInfo.getBrand()}</Text>
          <Text style={styles.textStyle}> getCarrier(): {this.carrier}</Text>
          <Text style={styles.textStyle}> getUserAgent(): {this.userAgent}</Text>
          <Text style={styles.textStyle}> isLandscape(): {this.landscape}</Text>
          <Text style={styles.textStyle}> getSystemName(): {DeviceInfo.getSystemName()}</Text>
          <Text style={styles.textStyle}> getSystemVersion(): {DeviceInfo.getSystemVersion()}</Text>
          <Text style={styles.textStyle}> render counter: {this.counter} </Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    padding:20,
    backgroundColor: '#D434F5',
    justifyContent: 'center',
    alignItems: 'center',
    paddingTop: (Platform.OS) === 'ios' ? 20 : 0,
  },
  textStyle: {
      fontSize: 15,
      color: '#fff'
  }
});