Before submitting a new issue

• I tested using the latest version of the library, as the bug might be already fixed.
• I tested using a supported version of react native.
• I checked for possible duplicate issues, with possible answers.

Bug summary

On IPhone 12 ( IOS 26.0. ), build is crashing.
Error:[+UIGlassEffect effectWithStyle] unrecognized selector sent to class

Library version

0.5.0

Environment info

System:
  OS: macOS 26.0.1
  CPU: (8) arm64 Apple M1
  Memory: 750.45 MB / 16.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 22.4.0
    path: /Users/sahil/.nvm/versions/node/v22.4.0/bin/node
  Yarn:
    version: 1.22.19
    path: /usr/local/bin/yarn
  npm:
    version: 10.8.1
    path: /Users/sahil/.nvm/versions/node/v22.4.0/bin/npm
  Watchman: Not Found
Managers:
  CocoaPods:
    version: 1.16.2
    path: /usr/local/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 25.0
      - iOS 26.0
      - macOS 26.0
      - tvOS 26.0
      - visionOS 26.0
      - watchOS 26.0
  Android SDK: Not Found
IDEs:
  Android Studio: 2025.1 AI-251.27812.49.2514.14217341
  Xcode:
    version: 26.0.1/17A400
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.11
    path: /usr/bin/javac
  Ruby:
    version: 2.6.10
    path: /usr/bin/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 20.0.0
    wanted: 20.0.0
  react:
    installed: 19.1.0
    wanted: 19.1.0
  react-native:
    installed: 0.81.1
    wanted: 0.81.1
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: true
  newArchEnabled: true

Steps to reproduce

1. … const EarningComponent = () => {
   return <>
   <View style={{
   flexDirection: 'row', alignItems: 'center',
   paddingHorizontal: ResponsivePixels.size16,
   paddingTop: ads?.length ? 10 : 13,
   // paddingBottom: 4,
   backgroundColor: isDarkMode ? "#18191D" : "#ffffff",

     }}>
        <Text style={{
           fontSize: Fonts.size._15px, fontFamily: Fonts.name.medium, color: Colors.ThemeColor
        }}>{dayTitle}</Text>
        <Clickable onPress={() => resetFilter ? resetFilterButton() : openDateRangePicker()} style={{
           paddingLeft: 32,
           borderRadius: ResponsivePixels.size12,
           justifyContent: "center",
           alignItems: "center",
           marginLeft: "auto",
        }}>
           <Image
              source={resetFilter ? Images.ic_SideHistoryicon : Images.ic_calender}
              style={{
                 tintColor: Colors.ThemeColor
              }} />
        </Clickable>
     </View>
   
     {loadingEarnings ? earningShimmer() :
        <View style={{
           // marginHorizontal: ResponsivePixels.size16,
           backgroundColor: isDarkMode ? "#18191D" : "#ffffff",
           borderRadius: 0,
           justifyContent: "center",
           padding: 16,
           paddingTop: 10
           // marginTop: ResponsivePixels.size8
        }}>
   
           <View style={{
              flexDirection: 'row',
              alignItems: "center",
              justifyContent: "center"
           }}>
              <LiquidGlassView
                 style={[
                    {
                       flex: 1,
                       justifyContent: "center",
                       alignItems: "center",
                       marginEnd: 10,
                       borderRadius: 10,
                       paddingVertical: 12,
                       backgroundColor: isLiquidGlassSupported ? isDarkMode ? Colors.ThemeColor50 : Colors.ThemeColor200 : Colors.ThemeColor200
                    }
                 ]}
                 // interactive
                 effect="clear"
              >
                 <Text style={{ color: Colors.ThemeColor900, fontSize: ResponsivePixels.size26, fontFamily: Fonts.name.bold }}>{tripsCount.total}</Text>
                 <Text style={{ color: Colors.ThemeColor500, fontSize: ResponsivePixels.size13, paddingTop: 4, fontFamily: Fonts.name.medium }}>{Strings.total_title}</Text>
              </LiquidGlassView>
   
              <LiquidGlassView
                 style={[
                    {
                       flex: 1,
                       justifyContent: "center",
                       alignItems: "center",
                       marginEnd: 10,
                       borderRadius: 10,
                       paddingVertical: 12,
                       backgroundColor: isLiquidGlassSupported ? isDarkMode ? Colors.ThemeColor50 : Colors.ThemeColor200 : Colors.ThemeColor200
                    }
                 ]}
                 // interactive
                 effect="clear"
              >
                 <Text style={{ color: Colors.ThemeColor900, fontSize: ResponsivePixels.size26, fontFamily: Fonts.name.bold, }}>{myRidesCount || 0}</Text>
                 <Text style={{ color: Colors.ThemeColor500, fontSize: ResponsivePixels.size13, paddingTop: 4, fontFamily: Fonts.name.medium }}>{Strings.upcoming_title}</Text>
              </LiquidGlassView>
   
              <LiquidGlassView
                 style={[
                    {
                       flex: 1,
                       justifyContent: "center",
                       alignItems: "center",
                       borderRadius: 10,
                       paddingVertical: 12,
                       backgroundColor: isLiquidGlassSupported ? isDarkMode ? Colors.ThemeColor50 : Colors.ThemeColor200 : Colors.ThemeColor200
                    }
                 ]}
                 // interactive
                 effect="clear"
              >
                 <Text style={{ color: Colors.ThemeColor900, fontSize: ResponsivePixels.size26, fontFamily: Fonts.name.bold }}>{tripsCount.completed}</Text>
                 <Text style={{ color: Colors.ThemeColor500, fontSize: ResponsivePixels.size13, paddingTop: 4, fontFamily: Fonts.name.medium }}>{Strings.completed_title}</Text>
              </LiquidGlassView>
           </View>
   
           <View style={{
              flexDirection: 'row',
              alignItems: "center",
              justifyContent: "center",
              marginTop: ResponsivePixels.size10
           }}>
              <LiquidGlassView
                 style={[
                    {
                       flex: 1,
                       justifyContent: "center",
                       alignItems: "center",
                       marginEnd: 10,
                       borderRadius: 10,
                       paddingVertical: 12,
                       backgroundColor: isLiquidGlassSupported ? isDarkMode ? Colors.ThemeColor50 : Colors.ThemeColor200 : Colors.ThemeColor200
                    }
                 ]}
                 // interactive
                 effect="clear"
              >
                 <Text style={{ color: Colors.ThemeColor900, fontSize: ResponsivePixels.size26, fontFamily: Fonts.name.bold }}>{Utils.secondsToHms(Number(onlineHrs)?.toFixed(2))}</Text>
                 <Text style={{ color: Colors.ThemeColor500, fontSize: ResponsivePixels.size13, paddingTop: 4, fontFamily: Fonts.name.medium }}>{Strings.OnlinehrsTitle}</Text>
              </LiquidGlassView>
   
              <LiquidGlassView
                 style={[
                    {
                       flex: 1,
                       justifyContent: "center",
                       alignItems: "center",
                       borderRadius: 10,
                       paddingVertical: 12,
                       backgroundColor: isLiquidGlassSupported ? isDarkMode ? Colors.ThemeColor50 : Colors.ThemeColor200 : Colors.ThemeColor200
                    },
                 ]}
                 // interactive
                 effect="clear"
              >
                 <Text style={{ color: Colors.ThemeColor900, fontSize: ResponsivePixels.size26, fontFamily: Fonts.name.bold }}>{Utils.formatAmount(0)}</Text>
                 <Text style={{ color: Colors.ThemeColor500, fontSize: ResponsivePixels.size13, paddingTop: 4, fontFamily: Fonts.name.medium }}>{Strings.EarningsTitle}</Text>
              </LiquidGlassView>
           </View>
   
           {/* <View style={{
              height: 1,
              backgroundColor: '#333333',
              marginVertical: ResponsivePixels.size20,
           }} />
           <View style={{
              flexDirection: 'row',
              alignItems: "center",
              justifyContent: "center"
   
           }}>
              <View style={{ flex: 1, justifyContent: "center", alignItems: "center", borderRightWidth: 1, borderRightColor: "#333333" }}>
                 <Text style={{ color: Colors.Defaultwhite, fontSize: ResponsivePixels.size20, fontFamily: Fonts.name.medium }}>{tripsCount.completed}</Text>
                 <Text style={{ color: Colors.Defaultwhite, fontSize: ResponsivePixels.size14, opacity: 0.7, paddingTop: 4 }}>{Strings.completed_title}</Text>
              </View>
   
   
           </View> */}
        </View>
     }
   

   </>
   }

2. … Create release build and it crash while run this code.

Reproducible example repository

Please check