ResizableTableContainer: Column resize to infinite width when wrapped with display: flex

### Provide a general summary of the issue here

When rendering a `ResizableTableContainer` which for parent has an element with style `display: flex`, the columns are expanding in size infinitely if they're not bounded (not using maxWidth).

### 🤔 Expected Behavior?

Columns most likely should not have this behavior

### 😯 Current Behavior

Columns are expanding in width infinitely

### 💁 Possible Solution

workaround: use `div` with `display: block`

### 🔦 Context

Obviously I don't think this is a blocker, but it's something I got surprised by when trying to use `ResizableTableContainer`.

### 🖥️ Steps to Reproduce

https://codesandbox.io/s/interesting-curran-lsx537?file=/src/App.js

### Version

1.0.0-rc.0

### What browsers are you seeing the problem on?

Firefox, Chrome, Safari, Microsoft Edge

### If other, please specify.

_No response_

### What operating system are you using?

MacOS Sonoma

### 🧢 Your Company/Team

_No response_

### 🕷 Tracking Issue

_No response_