Running into issue when using inside a react-rnd container

[ElixirMike]

I have the basic drag-n-drop working in my test app...where if I use a

container it renders properly.

However, if I have this contained in a react-rnd container, when I drag an item, it appears way over to the right. Is there anything I can do to resolve this?

The rnd container is very basic.

<Rnd style={{backgroundColor:'#eee'}} default={{ x: window.innerWidth-800, y: 0, width: 800, height: 800, }} minheight='800px' disableDragging={true} dragAxis='x' enableResizing={{bottom:false,right:false,left:true,top:false}} >