Проблема с компонентом MaskedView в React Native

Я нашел пакет @react-native-masked.... В документации был приведен CSS-пример, который я попытался реализовать, но получил обратный эффект. Вот мой код:

<MaskedView maskElement={<View
            style={{
                backgroundColor: 'transparent',
                flex: 1,
                justifyContent: 'center',
                alignItems: 'center',
            }}
        >
            <View style={{
                width: 30,
                height: 30,
                backgroundColor: 'black'
            }}></View>
        </View>} style={{
            ...styles.container,
            backgroundColor: 'black',
        }}>

        </MaskedView>

Подскажите, что я сделал не так и как это исправить?