Another Checkbox gets Focus when I hover over the checkbox present in below Table Row

I am facing an issue inside a React App.

On clicking a button, a new Table row gets generated which contains a Checkbox as well. I have three such rows present on my Screen.

When I am trying to select the Checkbox present on Third or Second row, the Checkbox present on the First Row gets Focused and also gets checked. Can anyone point me in the right direction, what does this issue mean and what can be the potential cause for this.

PS: I am New to Frontend!!