Pan the screen - and move the camera - with react-use-gesture

[carmandale]

I am following this codesandbox https://codesandbox.io/s/r3f-train-l900i and this article - https://medium.com/@joooooo308/react-three-fiber-use-gesture-to-move-the-camera-f50288cec862

Instead of the vertical camera movement, I want horizontal movement. So I changed the Y to X and that is working. All in all, scroll wheel is working like I want. But I would also like to be able to use the mouse, or a finger on an ipad or iphone. But with this current implementation, if you touch somewhere else on the screen, it jumps to that point.

I am also getting this message in the console:

Deprecation notice: When the `domTarget` option is specified, you don't need to write `useEffect(bind, [bind])` anymore: event binding is now made handled internally to this lib.

Next version won't return anything when `domTarget` is provided, therefore your code will break if you try to call `useEffect`.

My goal is to be able to use the mouse and clicking and dragging to "throw" the camera - mostly horizontal - but with maybe some Y and Z movement - kind of like a 3D version of this - https://codesandbox.io/embed/n9vo1my91p

Thanks for any help or direction.

Dale