How would you create a RotationGestureHandler across the center of the view

[XavierGeerinck]

How would one create a RotationGestureHandler that rotates a View across its central axis?

Currently i have:

const rotate = useSharedValue(0);

const rotateHandler = useAnimatedGestureHandler<RotationGestureHandlerGestureEvent>({
    onActive: (event) => {
        rotate.value = event.rotation;
    },
});

const rStyle = useAnimatedStyle(() => ({
    transform: [
        { rotate: `${(rotate.value / Math.PI) * 180}deg` },
    ],
}));

return (
    <Animated.View style={tw`h-full w-full`}>
        <RotationGestureHandler
            ref={refImageRotation}
            simultaneousHandlers={[refImagePan, refImagePinch]}
            onGestureEvent={rotateHandler}
        >
            <Animated.Image
                resizeMode="contain"
                style={[
                    tw`h-full w-full`,
                    rStyle
                ]}
                source={{ uri: uri }}
            />
        </RotationGestureHandler>
    </Animated.View>
)