UI is non-functional: Uncaught TypeError: Cannot assign to read only property 'filter' of object '#<Object>'

[brandon-fryslie]

The UI is broken due to a Javascript error. The code is trying to assign a value to a variable that is read-only. I'm guess there was another change somewhere else, or a change in the browsers behavior, that is causing this property to become read-only. Here is the stack trace:

Uncaught TypeError: Cannot assign to read only property 'filter' of object '#<Object>'
    at Lt._changeFilter (auto-entities.js?hacstag=1677445841130:1:33013)
    at Lt.<anonymous> (auto-entities.js?hacstag=1677445841130:69:46)
    at K.handleEvent (auto-entities.js?hacstag=1677445841130:1:14430)
    at r (fire_event.ts:75:8)
    at ShadowRoot.<anonymous> (ha-form.ts:210:7)
    at r (fire_event.ts:75:8)
    at F.value (ha-form-select.ts:68:5)
    at z.handleEvent (lit-html.ts:2018:29)
    at r (fire_event.ts:75:8)
    at F.value (ha-selector-select.ts:293:5)

Here is the relevant code:

        ...
        }),
        this._config.filter = Object.assign(Object.assign({}, this._config.filter), {
            include: s
        }),
        this.dispatchEvent(new CustomEvent("config-changed",{
        ...

There are other issues that are related to this bug:

• Cannot add new filtering properties on old cards #483
• Error when using visual editor in HA 2024.12. #481