Было бы неплохо знать на каком вы этапе задачи...
Но скорее всего вся проблема вот здесь:
renderSectionHeader=(section)=>{
return (
<Text style={styles.text}>{String(section.menuSection).toUpperCase()}</Text>
)
}
и здесь:
return <SafeAreaView style={styles.container}>
<SectionList
sections={sectionsData}
keyExtractor={item => item.uid}
renderSectionHeader={({ section: {menuSection} }) => this.renderSectionHeader({menuSection})}
renderItem={this.renderItem}
></SectionList>
</SafeAreaView>
если вы при рендеринге передаете не весь section а лишь menuSection, то зачем вы тогда в функции renderSectionHeader обращаетесь к переданному аргументу как к объекту??
Правильнее при рендеринге передавать весь объект section и уже в самой функции обращаться к его свойству menuSection
