TreeList: wider than container width - columns don't resize

https://codesandbox.io/s/modern-cherry-gki3cj?file=/app/main.jsx

When the TreeList is wider than the container (i.e. has many columns), it doesn't:

1. Respect the given column widths, or
2. Allow the user to resize the column widths

The grid only uses the width of the column's values or uses the width of the header cell's value (whichever is larger). I believe this is not the intended behavior for TreeList.

In case it helps -- locally, I get the below console error when I have the above scenario and try to resize a column:

Unable to preventDefault inside passive event listener invocation.

Stack trace:
CommonDragLogic.pressHandler @ CommonDragLogic.js:28
ColumnDraggable._this.onPress @ ColumnDraggable.js:29
(anonymous) @ Draggable.js:22
(anonymous) @ useDraggable.js:128
dispatchDragAndDrop @ drag-n-drop.js:130
(anonymous) @ useDraggable.js:148
(anonymous) @ useDraggable.js:173

I've tried to circumvent this issue with many strategies, and I thought it might be because I put the TreeList component inside a Material UI container, but the Sandbox shows the issue well in a clean environment devoid of any external libraries. Please help! Thank you!