Copilot doesn't work with modal on iOS

Current Behavior
Copilot doesn't work with modal on iOS, but working on android.

Input Code

class CopilotModal extends React.PureComponent<Props, State> {
  static defaultProps = {
    onStart: () => {},
    onEnd: () => {},
  };

  state = {
    visible: true,
  };

  componentDidMount() {
      this.props.start();
  }

  componentWillUnmount() {
    this.props.copilotEvents.off('stop');
  }

  onClose = () => {
    this.setState({ visible: false });
  };

  render() {
    const { visible } = this.state;
    const { children } = this.props;

    return (
      <Modal visible={visible} transparent onRequestClose={() => {}}>
         <CopilotStep
              text="Some text"
              order={1}
              name="recommended"
            >
              <CopilotView style={{ width: width / 2, height: 55 }} />
            </CopilotStep>
      </Modal>
    );
  }
}

const wrapped = copilot({
  overlay: 'svg', // or 'view'
  animated: true, // or false
  androidStatusBarVisible: false,
  tooltipComponent: props => <CopilotTooltip {...props} />,
  stepNumberComponent: () => <View />,
})(CopilotModal);

Expected behavior/code
Should show copilot in modal

Environment

• Device: iPhone 4s, IPhone X
• OS: iOS 9, 10, 12
• react-native-copilot: 2.4.1
• react-native: 0.57.7
• react-native-svg: 8.0.8

Start with the provided CopilotModal reproduction using react-native-copilot 2.4.1 on iOS, comparing the modal behavior with Android. Trace the modal and overlay integration, then verify that the copilot appears inside the modal on the listed iOS versions without regressing Android behavior.