Fix: control caching issue

Author: Akalanka47000

src/components/controls/select/polyline/section-selector.tsx

@@ -90,6 +90,7 @@ const SectionSelector = ({ firstElement, selectedElementIds }) => {
         </Popover>
       </div>
       <Select
+        key={selectedElementIds?.join(",")}
         onValueChange={(value) => {
           store.dispatch(updatePolylines({ ids: selectedElementIds, data: { section: +value === 0 ? null : value } }));
         }}

src/components/controls/select/seats/categorizer.tsx

@@ -114,6 +114,7 @@ const Categorizer = ({ firstElement, selectedElementIds }) => {
         </Popover>
       </div>
       <Select
+        key={selectedElementIds?.join(",")}
         onValueChange={(value) => {
           store.dispatch(updateSeats({ ids: selectedElementIds, data: { category: value } }));
         }}

src/components/controls/select/seats/index.tsx

@@ -30,7 +30,7 @@ const SeatSelectControls = () => {
         />
       </div>
       <RadioGroup
-        key={firstElement?.getAttribute(dataAttributes.status)}
+        key={selectedElementIds?.join(",")}
         defaultValue={firstElement?.getAttribute(dataAttributes.status) ?? SeatStatus.Available.toString()}
         onValueChange={(value) => {
           selectedElementIds.forEach((id: string) => {