Element giving some standard behaviour about react-native-permissions HOT 2 CLOSED

import React, {useEffect, useState} from 'react';
import {checkMultiple, requestMultiple, RESULTS} from 'react-native-permissions';
import type {Permission} from 'react-native-permissions/src/types.ts';
import {ActivityIndicator, Platform} from 'react-native';

interface Props extends React.PropsWithChildren {
  missing: React.JSX.Element;
  androidPermissions?: Permission[];
  iosPermissions?: Permission[];
}

export default function PermissionsRequired(props: Props): React.JSX.Element {
  const [missingPermissions, setMissingPermissions] = useState<boolean>();

  const permissions = Platform.OS === 'android' ? props.androidPermissions : props.iosPermissions;

  useEffect(() => {
    if (permissions === undefined || permissions.length === 0) {
      setMissingPermissions(false);
      return;
    }

    checkMultiple(permissions)
      .then(r => {
        const failed: Permission[] = [];
        for (let perm of permissions) {
          if (r[perm] !== RESULTS.GRANTED) {
            failed.push(perm);
          }
        }
        if (failed.length > 0) {
          requestMultiple(failed).then(rec => {
            let anyMissing = false;
            for (let perm of permissions) {
              if (rec[perm] !== RESULTS.GRANTED) {
                anyMissing = true;
              }
            }
            setMissingPermissions(anyMissing);
          });
        } else {
          setMissingPermissions(false);
        }
      })
      .catch(e => {
        setMissingPermissions(true); //Should we show a different error here?
      });
  }, []);

  return missingPermissions === undefined ? (
    <ActivityIndicator />
  ) : missingPermissions ? (
    props.missing
  ) : (
    <>{props.children}</>
  );
}