Проблема с обработчиками жестов с использованием response-native-gesture-handler

Question

Я пытаюсь создать перетаскиваемый вид с несколькими кнопками. Я хочу индивидуальную кнопкуTapGestureHandler активировать, когда PanGestureHandlerне активен. Но даже после использованияwaitForprop, они все еще срабатывают одновременно, когда я пытаюсь перетащить кнопки в обзоре. Как я могу решить эту проблему? Любая помощь приветствуется!

Основной код

<PanGestureHandler onGestureEvent = {handlePan} onHandlerStateChange = {handlePan} ref = {panRef} maxPointers = {1}>
    <Animated.View style = {{width: "100%", padding: 30, backgroundColor: "green", height: height, transform: [{translateY: getTranslateY()}]}}>
      {TRAVEL_LOCATIONS.map(t => 
      <TapGestureHandler onHandlerStateChange = {e => handleTap(e, t)} waitFor = {panRef}>
        <View style = {styles.location}>
          <Text style = {styles.locationText}>{t}</Text>
        </View>
      </TapGestureHandler>)}
    </Animated.View>
  </PanGestureHandler>

Ссылка на Snack Expo для полного кода