Effects not working with Swiper and Ionic 7

image

followed the ionic docs to use swiper, registered it in my app, imported custom elements schema. Everything seems to be working fine until when i try using an effect in the docs it says i should just be able to say effect=‘flip’ and it should work - but it doesnt, the slider just stops working and loos a little odd.

import {register} from ‘swiper/element/bundle’

register();

my code to register