Issue with MenuProvider Causing Overlay During Automation Testing on iOS

[vishaledkey]

First of all, thanks for this amazing library. I appreciate the efforts put into it.

Issue Description:
Recently, I was conducting automation testing with Appium. The tests were running smoothly on my Android emulator, but I encountered a strange issue on iOS. An overlay was appearing over the entire screen. After several hours of debugging, I identified that the issue was caused by the MenuProvider.

When I commented out the MenuProvider, the tests started working on iOS. However, I need to use MenuProvider in my application. I tried setting accessibility={false}, accessibilityLabel, and testID properties, but it seems like MenuProvider does not support these attributes.

Steps to Reproduce:

1. Implement MenuProvider in a React Native project.
2. Conduct automation testing with Appium on an iOS emulator/device.
3. Observe the overlay covering the entire screen during the test.

Environment:

Library version:

"react-native-popup-menu": "^0.16.1",
"react-native": "0.71.6",

OS: iOS

Any suggestions on how to resolve this issue would be greatly appreciated. Thank you in advance for your help!

With MenuProvider

Without MenuProvider

[Prabhat8991]

Reactnative element inspector is also not able to detect any of the children components and just focus MenuProvider, seems like similar issue to this