Nested Liveview: duplicate id error

[al2o3cr]

@Elixir_begginer

Upon searching for the multiple ids, it looks like that both liveviews create a div with id="client-error" and a div with id="server-error", so I have this duplicate divs in both views with the same id.

Does anyone know how I can fix this?

Presumably each of them use those divs to display errors - the fix is going to depend on how the UI is supposed to work when both LiveViews want to display errors. The high-level options are:

• the views want to use the same UI element to display errors. Maybe it should bubble up into the dashboard shell?
• the views want to use separate UI elements. Maybe prefix the IDs (sidebar-client-error etc)?

@Elixir_begginer

EDIT: Maybe I should ignore this error?

This will cause weird behavior whenever Javascript tries to target the element by ID. IIRC duplicate IDs can also confuse the MorphDOM machinery that LiveView uses behind the scenes.