NextJS React, nested array in UseState not rendering on update inside of javascript

Question

I have a hard time trying to understand "useState" and when a render is triggered. I want to make a drag and drop system where the user can drag elements from one box