Unable to resize highlighted area when fetching data inside a modal.

[PravunathSingh]

Okay, so I've been trying to get a feature working where the data is being fetched when the modal is opened but even though I have a used a combination of highlightedSelectors and mutationObservables the highlighted area is not resizing after the data has been fetched. The feature is working fine for prefetched or static data but the above use case just isn't working.

Here is a codesandbox link where I've been able to reproduce the issue. https://codesandbox.io/s/reactour-tour-demo-using-react-bootstrap-modal-forked-6v62kz?file=/steps.js

NOTE: When I change the size of the viewport after the data fetching has been done, the highlighted area seems to resize but it isn't doing so for the initial data fetching.

Any help would be much appreciated.