Drag and Drop using react DND.

[ParikshitGit1]

I am trying to automate drag and drop function using cypress with unique selectors but after execution cypress runner is not able to locate the ID attribute even it is unique. Can anyone please provide any solution on this. Providing URL & code for reference.

https://stackblitz.com/edit/react-dnd-ve3iqo?file=Card.js,Container.js,index.html,index.js

describe('sample', () => {

it('fsga', () => {

    cy.visit('https://stackblitz.com/edit/react-dnd-ve3iqo?file=index.html,')

    cy.get('#sample1').
        drag('#demo11')

})

})