[React-UI] In case the field is mapped to two different mappings "Connect to selected mapping" button always showing

The "connect to selected mapping" should be switched to "disconnect from select mapping" in case the mapping is selected and the specific field is connected to that mapping. This isn't the happening in case there are two distinct mappings created from single field.

Recording attached.