Problem in calling async operation

Nobody has claimed this yet.

Hi,

I am trying to make a async call on a button press.

I have my modal definition as

`

`

I have defined my component as
`DockDoor = connect(state => ({
dockDoorId: state.dockDoor,
isFetching: state.nodeInfo.isFetching
}), dispatch => ({
setDockDoor: bindActionCreators(setDoorDock, dispatch),
getNodes:bindActionCreators(getNodes, dispatch)
}))(DockDoor)`

The problem is whenever I am getting the response from the API, my isFetching turns to false but modal remains opened.

I have tried removing isDisabled={this.props.isFetching} from the modal, then it works fine but it allows the user to press the screen anytime and close the modal.

Can anyone help me in this?

Start by reproducing the modal with isOpen and isDisabled driven by isFetching, using the DockDoor example from the issue. Trace how Modal handles prop changes and dismissal while disabled. Done means the modal closes when isFetching becomes false while preventing user dismissal during the fetch.

Written by the indexing model from the issue text.