I have a simple React app that uses react-dnd to build a grid of draggable squares that have an initial color and text value and two components to cha ...
I have a simple React app that uses react-dnd to build a grid of draggable squares that have an initial color and text value and two components to cha ...
When I drag an item from react-dnd, the element which i'm dragging goes almost 100% opacity, I want to make him more visible, how can I do it? In thi ...
Below are the version specification. react: 18.1.0 react-dnd: 16.0.1 I am getting below error. // jest.preset process.env.TZ = 'UTC' con ...
We have an application, which is using react drag and drop. Basically we have network file which we want to drop to a list.We are using the useDrag me ...
I try to dnd items from a list to a bucket. The items have id, title, description Problem: When dragging the item labelled value: 1, title: foo , des ...
I'm trying to create a nested drag-and-drop UI experience for my app but I can't get it to work without a lot of bugs. On drag, it calls the function ...
I'm currently trying to figure out how to pass an array from one useState object to another across two different components. In my first useState I ha ...
I'm building a component where it calls a component which is passed down through props. The component uses forward ref in it, and so I'm unable to cal ...
Red boxes are parent Drop targets, green boxes are child drop targets. Parent drop targets are used for placing the children to the cell. Children ...
I am working on a form builder. The basic implementation works but every time when I move elements from the tool box to the form the current state res ...
In my React web app, I would like to drag items from the MUI TreeView on the left to one of the drop targets on the right drag and drop items be ...
I see plenty of similar questions but none of the answers solve the problem in my code. I use React 17, Mui v5, TS v4. I try to implement a simple com ...
I am building a drag-n-drop application that lets users build up a tree of items that they've dragged onto a list. When dragging items onto a list, t ...
In my React web app, I have a number of react-dnd drop targets: const DropTarget = () => { const [{ canDrop, isOver }, drop] = useDrop(() => ...
https://github.com/JeremyDurnell/react-drag-select I looked at this repository, but then when I ran the demo, I noticed it just renders the selection ...
I have this React DND implementation. There are multiple drop targets. I am able to drag the elements but it isn't being received by the targets. I tr ...
I am building a basic React app in TypeScript to render and manage a grid layout system, This system contains a 12-column grid where modules (draggabl ...
What approach to do intelligent drag drop like this in react? (canvas or non-canvas based approach?). That is to use React (with a library such as Rea ...
Created a new react project with the package.json below: whenever I run npm start I am given the following error: does anyone have any ideas on ...
I am trying to include beautiful dnd package in my project but i got error while installing the package. Please tell me if there is any other package ...