How to use the expo-constants.statusBarHeight function in expo-constants

// $ExpectError
      (Constants.isDetached: 'ups...');
      // $ExpectError
      (Constants.intentUri: 'ups...');
      // $ExpectError
      (Constants.installationId: 'ups...');
      // $ExpectError
      (Constants.isDevice: 'ups...');
      // $ExpectError
      (Constants.isHeadless: 'ups...');
      // $ExpectError
      (Constants.linkingUri: 'ups...');
      // $ExpectError
      (Constants.sessionId: 'ups...');
      // $ExpectError
      (Constants.statusBarHeight: 'ups...');
      // $ExpectError
      (Constants.systemVersion: 'ups...');
      // $ExpectError
      (Constants.systemFonts: 'ups...');
    });
  });

style={styles.list}
      contentContainerStyle={styles.contentContainerStyle}
      data={[...suites]}
      keyExtractor={item => item.get('result').get('id')}
      renderItem={({ item }) => }
      ListFooterComponent={() => }
      onContentSizeChange={scrollToEnd}
      onLayout={scrollToEnd}
    />
  );
}

const styles = StyleSheet.create({
  contentContainerStyle: {
    padding: 5,
    paddingBottom: Constants.statusBarHeight || 24,
  },
  list: {
    flex: 1,
  },
});

render() {
    return (
      
        
          Read This First
          
            Learn the basics of CBT and how to use Quirk.

render() {
    if (!this.state.prediction) {
      return null;
    }

    return (
      
        

>
        
        
        
        
        
        
        
        
        
        
        
        
        
      
    );
  }

fontFamily: 'norddruck_arrows'
          }}
        >
          {text}
        
        
      
    )}
  />

const CustomHeader = (props: CustomHeaderProps): ReactElement => {
  const { theme, changeThemeType } = useThemeContext();
  return (

render() {
    return (
      
        
          {this.state.thought && (
            <>

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#000',
  },
  camera: {
    flex: 1,
    justifyContent: 'space-between',
  },
  topBar: {
    flex: 0.2,
    backgroundColor: 'transparent',
    flexDirection: 'row',
    justifyContent: 'space-around',
    paddingTop: Constants.statusBarHeight / 2,
  },
  bottomBar: {
    paddingBottom: isIPhoneX ? 25 : 5,
    backgroundColor: 'transparent',
    justifyContent: 'space-between',
    flexDirection: 'row',
  },
  noPermissions: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    padding: 10,
    backgroundColor: '#f8fdff',
  },
  gallery: {
    flex: 1,

render() {
    if (!this.state.prediction) {
      return null;
    }

    return (
      
        
        
          New Prediction 🔮
          
            Predict your experience of an upcoming event and we’ll follow-up
            later to see if you were correct.