Horizontal and Vertical Panning without setting maxHeight and maxWidth for canvas

[vasanthid]

I am following the example https://reaflow.dev/?path=/story/demos-controls--zoom-external using react-zoom-pan-pinch for panning.

I have a really large graph with 100 nodes, which are either displayed vertically or horizontally depending on the direction set on 'Canvas'.
However, since maxHeight and maxWidth on Canvas have default value of 2000, I am not able to pan the entire graph. It cuts off once it reaches 2000 limit. If I change the value to really higher number, it works but it messes up the default position of the graph. It takes canvas's max height and max width measurements to center the graph which makes graph invisible to users.

Is there a way to

1. pan the graph without having us to set maxHeight, maxWidth, height, width on Canvas and Canvas taking the parent's width and height?
2. auto layout the graph to make best use of available space instead of just vertical or horizontal?