Реагировать на собственный Navigation.openDrawer не работает

Question

Я использую встроенную навигацию React v5. Я создаю заголовок для отдельного файла, и этот файл использует его в заголовке стека.

OpenMenu=(navigation)=>{
  navigation.openDrawer();
  }
 export default function Header({navigation,title}) {
       return (
   <View  style={styles.container}>
 <MaterialIcons name="menu" size={28} onPress={()=> this.OpenMenu(navigation)} style={styles.icon}/> 
          <View  style={styles.header}>
        <View style={{alignItems:'center'}}>
        <Text style={styles.headerText}> {title} </Text>
        </View>
        </View>
       </View>  );}

используйте этот заголовок

<Stack.Screen name="Dashboard" component={Dashboard}
 options={{
 headerTitle:(navigation)=> <Header  navigation={navigation}  title={"Dashboard"}/>,
 headerStyle: { backgroundColor: '#88aa31', }, headerLeft: null,    }} />

кто-нибудь может сказать мне, как исправить эту проблему