use:drg/use:draggable is not recognized by VS Code/TypeScript #130

Activity

1. joeygrable94 commented on Apr 9, 2026

   

   joeygrable94

   on Apr 9, 2026

   More actions

   I am getting the same error message from my typescript eslint config:

   type SortableItem = {
     item: number | string
   }
   const Sortable: Component<SortableItem> = (props) => {
     const sortable = createSortable(props.item)
   
     // ERROR: Type 'DragDropContext | null' must have a '[Symbol.iterator]()' method that returns an iterator.
     const [state] = useDragDropContext()
   
     return (
       <div
         // @ts-expect-error - allow directives
         use:sortable
         class={cn(
           "w-full p-4 bg-red-500 rounded-sm",
           sortable.isActiveDraggable ? "opacity-25" : "",
           state.active.draggable ? "transition-transform" : ""
         )}
       >
         {props.item}
       </div>
     )
   }

   👍React with 👍1Reacted by Behrang Saeedzadeh