App unresponsive on iOS 15 after enabling then disabling

[IcE4k777]

After enabling the overlay by setting the visible prop to true, followed by setting visible to false, the spinner overlay appears and disappears as expected, however, after the spinner overlay disappears, the app is unresponsive. I'm guessing something to do with iOS 15 or possibly the latest version of react-native. Nothing is crashing. I haven't looked at the source code, however, my hunch is there is still an overlay on top of the screen to prevent any interaction with the app...

{
    "name": "myApp",
    "version": "0.0.1",
    "private": true,
    "scripts": {},
    "dependencies": {
        "@react-native-community/masked-view": "^0.1.11",
        "@react-native-picker/picker": "^2.1.0",
        "@react-navigation/bottom-tabs": "^6.0.9",
        "@react-navigation/drawer": "^6.1.8",
        "@react-navigation/native": "^6.0.6",
        "@react-navigation/native-stack": "^6.2.5",
        "axios": "^0.21.4",
        "jwt-decode": "^3.1.2",
        "react": "17.0.2",
        "react-native": "0.66.1",
        "react-native-bootsplash": "^3.2.6",
        "react-native-camera": "^3.44.3",
        "react-native-config": "^1.4.5",
        "react-native-encrypted-storage": "^4.0.2",
        "react-native-gesture-handler": "^1.10.3",
        "react-native-keyboard-aware-scroll-view": "github:APSL/react-native-keyboard-aware-scroll-view#pull/501/head",
        "react-native-loading-spinner-overlay": "^2.0.0",
        "react-native-picker-select": "^8.0.4",
        "react-native-reanimated": "^2.3.0-beta.3",
        "react-native-responsive-screen": "^1.4.2",
        "react-native-safe-area-context": "^3.3.2",
        "react-native-screens": "^3.8.0",
        "react-native-snap-carousel": "^3.9.1",
        "react-native-swiper": "^1.6.0",
        "react-native-vector-icons": "^8.1.0",
        "react-redux": "^7.2.6",
        "redux": "^4.1.1",
        "redux-devtools-extension": "^2.13.9",
        "redux-thunk": "^2.4.0",
        "remote-redux-devtools": "^0.5.16"
    },
    "devDependencies": {
        "@babel/core": "7.15.8",
        "@babel/runtime": "7.15.4",
        "@react-native-community/eslint-config": "2.0.0",
        "babel-jest": "26.6.3",
        "detox": "^18.23.1",
        "eslint": "7.14.0",
        "jest": "^27.3.1",
        "metro-react-native-babel-preset": "0.66.2",
        "react-test-renderer": "17.0.2"
    },
    "jest": {
        "preset": "react-native"
    }
}

[josemojena]

I have the same issue here!!! It is like the modal still overlays over the screen, which makes it impossible to interact with it.

[CBYMachumbe]

Hey @josemojena did get a work around for the mentioned issue.

[fukemy]

Lol i just write native module then call SVProgressHUD..., forget this lib

[mdbaniani]

IMO just use and configure the build in ActivityIndicator for react-native. no point in using this library

[rameshep1989]

Has anyone found a solution?

[Q8root]

Same issue here, anyone found a solution for this ?

[walterwootz]

Same here with react-native 0.76.0...what a pity! this was a good library

[AdamTyler]

wow... I can't tell you how many hours I wasted trying to nail down this bug... 🤦‍♂️

I'm working on an old repo and unsure the motivation to use this library in the first place but this gives me motivation to just use ActivityIndicator I guess

[rameshep1989]

I just temporarily fixed by setting the visible prob to false inside settimeout function with 50 ms.

[arc-prvh]

I just temporarily fixed by setting the visible prob to false inside settimeout function with 50 ms.

Would you mind giving a code snipped of what you did? Would be really helpful