Pangesture Behaves unexpected when using context value to the useAnimatedGestureHandler its just disappear the view any help

[vikil143]

`

export default function BottomSheet({show, hide}: BottomSheetProps) {
const dragY = useSharedValue(0);

const panHandler = useAnimatedGestureHandler<
PanGestureHandlerGestureEvent,
{y: number}>({
onStart: (_event, {y}) => {
y = dragY.value;
},
onActive: ({translationY}, ctx) => {
dragY.value = translationY + ctx.y;
},
});

const wrapperStyle = useAnimatedStyle(() => {
return {
transform: [{translateY: dragY.value}],
};
});

return (
<Animated.View style={[styles.container]}>

<Animated.View style={[styles.wrapper, wrapperStyle]}></Animated.View>

</Animated.View>
);
}

const styles = StyleSheet.create({
wrapper: {
flex: 1,
backgroundColor: 'red',
},
container: {
...StyleSheet.absoluteFillObject,
flex: 1,
width: '100%',
height: '100%',
zIndex: 10,
},
});
`

[NikitaDudin]

onStart: (_event, {y}) => {
y = dragY.value;
},

don't use destructuring for ctx in parameters.

onStart: (_event, ctx) => {
ctx.y = dragY.value;
},

[vikil143]

Any reason behind this

[vikil143]

@NikitaDudin Thanks now its working