where to set touch-action to none?

[ghost]

[Chunkford]

Hard to tell without seeing code, but add it to the draggable element via CSS properties to the element you apply the {...listeners} to
e.g.

import {useDraggable} from '@dnd-kit/core';

function Draggable() {
  const {attributes, listeners, setNodeRef} = useDraggable({
    id: 'unique-id',
  });
  
  const styles = {
    touchAction: "none",
  };

  return (
    <div ref={setNodeRef}>
      /* Some other content that does not activate dragging */
      <button style={styles} {...listeners} {...attributes}>Drag handle</button>
    </div>
  );
}

[Chunkford]

Oops, this is what I meant.
Either do this if you're activating the drag on a certain element

import {useDraggable} from '@dnd-kit/core';

function Draggable() {
  const {attributes, listeners, setNodeRef, setActivatorNodeRef} = useDraggable({
    id: 'unique-id',
  });
  
  const styles = {
    touchAction: "none",
  };

  return (
    <div ref={setNodeRef}>
      /* Some other content that does not activate dragging */
      <button ref={setActivatorNodeRef} style={styles} {...listeners} {...attributes}>Drag handle</button>
    </div>
  );
}

Or, if your entire element is draggable

import {useDraggable} from '@dnd-kit/core';

function Draggable() {
  const {attributes, listeners, setNodeRef} = useDraggable({
    id: 'unique-id',
  });
  
  const styles = {
    touchAction: "none",
  };

  return (
    <div ref={setNodeRef} style={styles} {...listeners} {...attributes}>
      /* Your content for your draggable */
    </div>
  );
}

[Chunkford]

You apply the touchAction style to the element that triggers the drag, either be the entire draggable or a drag handle, hence why I originally said to apply it to where the {...listeners} are attached.