Problem with React Native Navigator

TrackedItemDetailRowTouchable.js

// TIDRT

class TrackedItemDetailRowTouchable extends React.Component{
  
  constructor(props){
    super(props);
  }



  render(){
    let buttons = this.props.uids.map(uniqueId => 
      <UIDButton 
        key={uniqueId} 
        uniqueId={uniqueId}  
        aircraft_object = {this.props.aircraft_object} 
        navigator={this.props.navigator} 
      />
    );

    return(
      <View style={styles.itemContainer}>
        <Text style={styles.label}>
          {this.props.label}:&nbsp; 
        </Text>
        {buttons}
      </View>  
    )
  }
}

TrackedItemDetails.js

class TrackedItemDetail extends React.Component{
  constructor(props){
    super(props);
  }

  render(){

    return(
      <View style={styles.container}>

          <TIDRT 
            label='Superseded By' 
            uids={[this.props.ti.superseded_by]} 
            aircraft_object={this.props.aircraft_object} 
            navigator={this.props.navigator} 
          />
 
      </View>
    )
  }
}

UIDButton.js

class UIDButton extends React.Component{
  
  constructor(props){
    super(props);
  }

  _handlePress( uid ){
    
    this.props.navigator.push({
      title: uid,
      component: TrackedItemDetail,
      passProps: {
        uid: uid,
        ti: this.props.aircraft_object.tracked_item.by_unique_identifier[uid],
        aircraft_object: this.props.aircraft_object,
      }
    })
  }

  render(){
    return(
      <TouchableHighlight
         style={styles.button}
         onPress={() => this._handlePress(this.props.uniqueId)}> 
        <Text style={styles.buttonText}>
          {this.props.uniqueId}
        </Text>
      </TouchableHighlight>
    )
  }
}

Here's the error I get now