Expression Editing Crash Triggered by Deletion of Linked Components

[lassopicasso]

Description of the bug

If a component's logical expression is linked to another component that gets deleted subsequently, attempting to edit the logical expression will cause the site to crash with the error message: Cannot read properties of undefined (reading 'value').

See the video below:

Altinn.Studio.-.Google.Chrome.2024-03-21.10-41-55.mp4

Steps To Reproduce

1. In lage page - Add two components.
2. Add an expression in one of the components and establish a link to the other component.
3. Delete the other component.
4. Attempt to edit the logical expression - the site will crash.

Additional Information

No response

[framitdavid]

The expression editor should not crash Studio when the expression is invalid. We should give the user feedback on what went wrong.

[nkylstad]

Tested OK in dev:

• Added 2 components to an empty form page
• Connected components to data model
• Added an expression to the second component, that depended on the value from the first component (i.e. used "Component" comparison)
• Tested the expression in preview, and saw that it worked as expected.
• Deleted the component referenced in the expression
• Saw that the form looked/behaved as expected
• Opened expression editor, and saw that the expression was marked with red outline
• Opened the expression, and saw error message informing about invalid component id