How do I {...bind()} if I don't have access to the DOM in a react-three-fiber component? Can I provide an element?

[yuchant]

Can I provide a DOM element to bind() somehow?

I suppose I pass a ref down from the root, and manually add/remove each event handler returned by bind?

Thank you.

[dbismut]

Not sure what you mean: you can pass {... bind()} to a r3f <mesh {...bind()} />, no problem.
The lib supports passing a ref but it needs to be an HTMLElement:

useDrag(handler, { target: yourRef })

Maybe if you describe your use case in more details it might be clearer.

[yuchant]

I finally found config.domTarget seems to be what I'm looking for. https://use-gesture.netlify.app/docs/options/#domtarget

So can also use target for a ref! Thank you. Thank you!

Working with the scroll wheel and inertia has been challenging.

[dbismut]

You can use @use-gesture/react in v10 beta which renames domTarget into target.