Pivot table becomes broken if a breakout clause is added without visualizing the question

[ranquild]

Describe the bug

When a saved question was visualized as a pivot table and its column widths were changed, then adding another breakout clause without visualizing the question will break it without the ability to recover.

To Reproduce

• New -> Question -> Select Orders
• Summarize by “Count”, “Sum of (Total)“, Breakout by “User.State”, “Orders.Created At”
• Visualize
• Change the viz type to “Pivot table”
• Change the title (left) column width via the resize handle in the column header
• Save the question now
• Open the notebook editor
• Add another breakout “Product.Category”
• Save the question now without visualizing
• Visualize now

Expected behavior

The table should render without errors

Logs

FE logs:

querying.js:203 Error: Invalid metadata returned for cell 1:
        x:262, y:0, width:NaN, height:30
    at t.cellCount (calculateSizeAndPositionData.js:17:13)
    at t.value (calculateSizeAndPositionData.js:35:1)
    at t.value (CollectionView.js:315:27)
    at ij (react-dom.production.min.js:182:192)
    at iI (react-dom.production.min.js:181:224)
    at l (react-dom.production.min.js:263:490)
    at aH (react-dom.production.min.js:246:265)
    at react-dom.production.min.js:246:194
    at aW (react-dom.production.min.js:246:199)
    at react-dom.production.min.js:123:115

Information about your Metabase installation

0.49

Severity

Breaks questions without being able to recover from the UI.

Additional context

No response