map rotate not smooth

[yathu]

i used this for my project i need a rotate feature i did like this. but it's not smooth please help to resolve this

const panGestureHandler = (event) => { console.log('event', event.nativeEvent); setrotateX(event.nativeEvent.x); setrotateX(event.nativeEvent.y); setTranslateX(-event.nativeEvent.translationX / scale + lastTranslateX); setTranslateY(-event.nativeEvent.translationY / scale + lastTranslateY); };

const projection = d3 .geoAzimuthalEqualArea() .rotate([rotateX, rotateY]) .fitSize([mapExtent, mapExtent], { type: 'FeatureCollection', features: COUNTRIES, }) .clipAngle(clipAngle) .translate([dimensions.width / 2, mapExtent / 2]);

https://stackoverflow.com/questions/65527693/react-native-d3-azimuthal-equal-area-rotate-not-smooth
https://github.com/yathu/react-native-d3-globe