How come everyone knows how to use react-navigation-shared-element except me

[JeremiahUL]

I have been battling with this library for 3 days . I have watched and rewatched "can it be done in react-native over 10 times", I have gone through the examples. Changed package versions but yet nothing, it just slides like createStackNavigator...

    "react-navigation": "4",
    "react-navigation-drawer": "^2.5.0",
    "react-navigation-shared-element": "2.0.0",
    "react-navigation-stack": "2",
    "react-navigation-tabs": "^2.9.0",

I have downgraded, upgraded ... tried everything. What am I missing please

[JeremiahUL]

                <SharedElement shared={`id${index}`}>
                    <Image
                    source={require('../Images/DarkTheme/tiny-home.jpg')}
                    style={{
                        height: isTablet ? 400 : 190, 
                        width: isTablet ? Dimensions.get('window').width - 64 : Dimensions.get('window').width - 42,
                        borderRadius: 10
                    }}
                    />
                </SharedElement>

TO

            <SharedElement shared={`id${index}`} style={StyleSheet.absoluteFill}>
                <Image
                source={require('../Images/DarkTheme/tiny-home.jpg')}
                style={{
                    height: props.isTablet ? 500 : 300, 
                    width: Dimensions.get('window').width
                }}
                />
            </SharedElement>