invalidDrop does not exist on dndState

[multiplehats]

I need to do some conditional checking, but i see that invalidDrop does not exist on the dndState, neither anywhere in the codebase.

Am I missing something?

[colecrouter]

Looking at the docs, it seems like you're supposed to be setting it manually, e.g.:

function handleDragOver(state: DragDropState<Item>) {
  const { draggedItem } = state;
  // Prevent dropping if item doesn't meet criteria
  if (!isValidItem(draggedItem)) {
    // Optionally, add a class to indicate invalid drop target
    dndState.invalidDrop = true;
  } else {
    dndState.invalidDrop = false;
  }
}

Of course, setting arbitrary properties on the global state object isn't ideal or type-safe, but seems like it should work.

[Spikeysanju]

@multiplehats This is fixed in @thisux/[email protected].

I’ve added support for invalidDrop in the dndState to enable conditional checking.
Here's an example to help you get started:

Code Example → Conditional Check
Demo → Conditional Check

Update to the latest version and try it out. Let me know if you need help.

Cheers,
@Spikeysanju