Drag setting filterTaps will cause Unable to preventDefault inside passive event listener invocation. Error

[StringKe]

export const HoverElementRender = observer<{ element: DesignElement; zoom: number }>(({ element, zoom }) => {
        const ref = React.useRef<null | HTMLDivElement>(null);
	...
	useGesture(
		{
			onDrag: e => {
				...
			},
			onDragStart: e => {
				if (ref.current) {
					...
				}
				e.cancel();
			},
			onDragEnd: () => {
				...
			},
		},
		{
			target: ref,
			drag: {
				filterTaps: true,
				preventScroll: true,
			},
		},
	);

	return (
		<CanvasInner ref={ref} style={posStyle}>
			<Box style={style} />
		</CanvasInner>
	);
});

export const HoverElement: React.FC<unknown> = observer(() => {
	const { hoverElement } = designStore.canvas.element;
	const { zoom } = designStore.canvas.layout;
	if (hoverElement != undefined) {
		return <HoverElementRender zoom={zoom} element={hoverElement} />;
	}
	return null;
});

use-gesture/packages/core/src/engines/DragEngine.ts

Line 221 in 8a0bfac

event.preventDefault()

Such use will cause an error, how to fix it?

This error did not occur during the drag and drop process, it only appeared when I released the left mouse button.

[dbismut]

https://use-gesture.netlify.app/docs/faq/#why-am-i-getting-warnings-from-preventdefault-after-i-pass-passivefalse