message: Fixes for AlertDialog
diff: @@ -89,6 +89,28 @@ const Modal = (
  setIsVisible(false);
  onClose(false);
  };
  + const newProps = usePropsConfig('Modal', props);
  + const value: any = {
  + visible: isVisible,
  + toggleVisible: setIsVisible,
  + toggleOnClose: onClose,
  + newProps: newProps,
  + };
  + const modalChildren = (
  + <Box
  + {...newProps.modalProps}
  + justifyContent={isCentered ? 'center' : justifyContent}
  + alignItems={isCentered ? 'center' : alignItems}
  + >
  + {closeOnOverlayClick === false ? <Box /> : <ModalOverlay />}
  + {children}
  + <VisuallyHidden>
  + <TouchableOpacity onPress={() => onClose(false)}>
  + <Text textAlign="center">Close dialog</Text>
  + </TouchableOpacity>
  + </VisuallyHidden>
  + </Box>
  + );
  React.useEffect(
  () => {
  isOpen && Platform.OS === 'web'
  @@ -118,28 +140,7 @@ const Modal = (
  /*eslint-disable */
  [isOpen]
  );
  - const newProps = usePropsConfig('Modal', props);
  - const value: any = {
  - visible: isVisible,
  - toggleVisible: setIsVisible,
  - toggleOnClose: onClose,
  - newProps: newProps,
  - };
  - const modalChildren = (
  - <Box
  - {...newProps.modalProps}
  - justifyContent={isCentered ? 'center' : justifyContent}
  - alignItems={isCentered ? 'center' : alignItems}
  - >
  - {closeOnOverlayClick === false ? <Box /> : <ModalOverlay />}
  - {children}
  - <VisuallyHidden>
  - <TouchableOpacity onPress={() => onClose(false)}>
  - <Text textAlign="center">Close dialog</Text>
  - </TouchableOpacity>
  - </VisuallyHidden>
  - </Box>
  - );
  +
  return Platform.OS !== 'web' ? (
  <ModalContext.Provider value={value}>
  <View nativeID={id}>
  @@ -150,9 +151,11 @@ const Modal = (
  value.toggleOnClose(false);
  }}
  onShow={() => {
  + !['ios', 'android'].includes(Platform.OS) &&
  initialFocusRef?.current?.focus();
  }}
  onDismiss={() => {
  + !['ios', 'android'].includes(Platform.OS) &&
  finalFocusRef?.current?.focus();
  }}
  animationType={motionPreset || 'slide'}
  