Column widths are not working

Describe the bug

I'm upgrading to v7 from 6, and the grid is not using the column.width property. In my dev replacement, it keeps setting the width of each cell to the width of the grid.

Here's a screenshot of a cell for the grid in my app. You can see that the actual width is 1685, even though the template width is 50.

I created a test grid in storybook and copied that into a sandbox, but it doesn't work either
In my sandbox example, it doesn't use the set width of 50, and instead sets it to 80, but it does even respect that in the sample. The actual layout again is that each cell is the width of the grid, so what I have looks like a single column of text. Also, in my sample, no grid actually shows up. There are no borders, no grid lines or cell lines

You can see here that it again sets the cell width to the width of the grid:

To Reproduce

1. Create basic datagrid with columns and rows.

Link to code example:
https://codesandbox.io/s/nervous-resonance-dm4h89?file=/src/App.js

Expected behavior

There should be a datagrid with cell lines, a border around the grid, and correct columns widths.

Environment

• react-data-grid version: 7.0.0-beta.20
• react/react-dom version: 18.0.2

Additional context