Range selection on main graph breaks the hoverInfo display

I have implemented a barchart using react-plotly.js. I enabled the range selection on the graph by setting
layout.fixedrange: false
If i enable the range selection of the graph, the hoverInfo display is getting displayed on the right most bar instead of the bar that the user hover over. In the image below, you can see that tooltip being displayed is pointing to the bar on the right eventhough I have selected bar on the left.

Is there a way I can fix this issue ? Has anyone else faced this issue ? Is it possible to position the tooltip on top of the bar instead of on the right ?

Would it possible to share a reproducible example to help us debug?