Unable to Trigger Function on Clicking Atmosphere Layer in React Native Mapbox

[MuhammadOsman381]

 const handleBottomSheetClose = () => {
    console.log('Atmosphere clicked!');
    closeBottom();
  };

<TouchableWithoutFeedback onPress={handleBottomSheetClose}>
  <Mapbox.Atmosphere
    style={{
      color: 'rgb(186, 210, 235)',
      highColor: 'rgb(36, 92, 223)',
      horizonBlend: 0.015,
      spaceColor: 'rgb(11, 11, 25)',
      starIntensity: 0.4,
    }}
  />
</TouchableWithoutFeedback>

I am attempting to trigger a function when clicking on the Atmosphere layer in a Mapbox view within my React Native app. I have wrapped the <Mapbox.Atmosphere /> component with a to listen for the press event, but the function isn't being triggered as expected.