Hi Serdar, Thanks for your time.

The problem is, when I select a value from first select box, that value would remove from the second one. But if I select first and second, the value from first select is showing in third select box. It should be removed from third.

The logic is, If I select a value from any select box, that value should be removed from other selects.

So i think it would be just easier if you store the selected values by refence of select box on parent and pass Object.values of it as prop to others.

Conceptually something like,

´´´ State = { Select1: [], Select2: [], .... } Const options ={select2, ...others}

<select id="select-2" options={Object.values(others)} /> ´´´