When multiple instances of the same component are rendered on a page, they share identical element IDs. This causes conflicts when trying to update values, as selectors like #myComponentID will only target the first matching element instead of the specific component instance.
The framework should automatically generate or support unique IDs for each component instance, ensuring that:
Each component instance can independently manage its own DOM elements
Selectors within a component only target that specific instance
Multiple instances of the same component can coexist without ID conflicts