I’m implementing drag-and-drop functionality using react-beautiful-dnd in my React/TypeScript application. The goal is to drag Product components and drop them into Folder components. Upon drop, I make an API call to move the product into the target folder.

I am new to react
Can you let me know why the below drag functionality not working.
I followed the below tutorial. I even debugged by putting console.log. console printing, but drag not working

React-Beautiful-DND – Treenode while dragging child node below parent also overlapping. I need to move within the hierarchy level.