react-rnd | 🖱 A resizable and draggable component for React | Frontend Framework library

I want to create a component where the size of the chart automatically adjusts with resize events of the container holding the graph. It would be great if someone can help me with an example. Here si the link to the library. react-rnd library

E.x somehting like this but using highcharts codebox react-rnd with googlecharts

I am using create-react-app and facing issue with react-router-dom. The problem is when I am trying to use Link or NavLink component I got this error:

For example Router and Route components from react-router-dom work fine.

package.json

I am using the react-rnd library to drag and resize blocks. I created a page. It creates a gray container on it and I click on the "add global container" button and a container appears on the field that I can move and resize within the parent gray container

in the left corner of the created container there is a purple button, clicking on it, another container will be created inside this container and now the first container will be the parent for the new one created.

the problem is that I can resize the inner container, but I can not move it, or rather, it moves with the parent component. the inner component will move inside the outer only when the parent component touches the borders of its parent, the gray container

in code it looks like this I have a component , which in itself contains a component the Box component is called inside Rdn - this is the block that you see on the screen, Rdn makes it move