New columns don't appear when added to useDataTableColumns

[techied]

Describe the bug
When using the useDataTableColumns hook (as described in the Column Toggling Example), new columns added to the columns prop do not appear (in the table or in effectiveColumns) until resetColumnsOrder is called (or the local storage key ${key}-columns-order is cleared)

To Reproduce
Steps to reproduce the behavior:

1. Copy the Column Toggling Example
2. Load the page
3. Add a column to the columns prop (one which has not been used before)
4. Observe that the new column does not appear

Expected behavior
The column should appear

Screenshots
Happy to provide a screen recording if helpful in reproducing the issue

Desktop (please complete the following information):

• OS: macOS
• Browser Chrome
• Version 124