Moved to domTarget for useGesture to fix pinch zoom error on Mac

src/components/map/MapEditor.js

@@ -56,7 +56,7 @@ function MapEditor({ map, onSettingsChange }) {
     true
   );
 
-  const bind = useStageInteraction(
+  useStageInteraction(
     mapStageRef.current,
     stageScale,
     setStageScale,
@@ -117,7 +117,6 @@ function MapEditor({ map, onSettingsChange }) {
       }}
       bg="muted"
       ref={containerRef}
-      {...bind()}
     >
       <ReactResizeDetector handleWidth handleHeight onResize={handleResize}>
         <Stage

src/components/map/MapInteraction.js

@@ -81,7 +81,7 @@ function MapInteraction({
 
   const [interactionEmitter] = useState(new EventEmitter());
 
-  const bind = useStageInteraction(
+  useStageInteraction(
     mapStageRef.current,
     stageScale,
     setStageScale,
@@ -199,7 +199,6 @@ function MapInteraction({
         outline: "none",
       }}
       ref={containerRef}
-      {...bind()}
       className="map"
     >
       <ReactResizeDetector handleWidth handleHeight onResize={handleResize}>