Empty ids object and missing media queries in styles objects when creating the StyleSheet.

[EricBorland]

Just getting started with this in iOS, after copying the code from the README.md

import StyleSheet from 'react-native-media-query';
    
const {ids, styles} = StyleSheet.create({
    example: {
        width: 100,
        height: 100,
        backgroundColor: 'green',
        '@media (max-width: 1600px) and (min-width: 800px)': {
            backgroundColor: 'red',
        },
        '@media (max-width: 800px)': {
            backgroundColor: 'blue',
        },
    }
});

console.log('RESULT: ', ids, styles);

And I see the following:

RESULT:  {} {"example": {"backgroundColor": "blue", "height": 100, "width": 100}}

What am I doing wrong?

Thanks.

[EricBorland]

And, ofc, accessing ids.example or styles.example returns undefined or the object without the media query respectively...

[EricBorland]

Okay, sorry. Just found out that it was actually working properly, just didn't notice the styles being overwritten. My bad