Hello,
I have 2 questions:

1. Could you advise me on how configure a diagarm in React so that it always fits its container. I'm working on a responsive design, so I can't provide fixed values like this:

        <DiagramView style={{
            width: someFixedValue,
            height: someFixedValue,
        }} diagram={diagram} /> 

2. I've prepared a simple live demo of a diagram in react: stackblitz.com/edit/react-enmzzg

After I resize the panel with the rendered result, the diagram increases its height automatically (which is a bit unexpected for me). Is this some kind of bug?
Attached images shows how the diagram changes on my PC.

Thank you for your answer. It helped me a lot.

My application has a responsive layout and there are multiple elements that resize along with the window (sidebar, navbar, footer). The only solution that I've come up with is keeping a references to all this elements in the state of the application and updating the diagram like this whenever they are being rerendered:

/* Diagram container */
/* 300px is a width of the sidebar (in my application I compute it dynamically instead of passing a fixed value in px */
.container {
  background-color: pink;
  width: calc(100% - 300px);
  height: 98vh;
} 

Live demo with sidebar: https://stackblitz.com/edit/react-akyaxw?file=package.json,src%2FApp.js,src%2Fst
yle.css

It seems like quite a hack for a very simple use case. Maybe it looks quite simple in the demo, but it gets more complex when there are multiple elements that are responsive on the page.

Is there any chance of making the mindfusion diagram component responsive by default in the future?

Thanks! Your approach looks way easier than mine