useAsync.ts

const [data, setData] = useState();
useEffect(() => {
  const load = async () => {
    const r = await asyncFn(userId);
    setData(r);
  };
  load();
});
useEffect(() => {
  handleData(data);
}, [data]);

// usage
const userId = 'lkj';
const loaders = {
  phones: useAsync(
    useCallback(
      () => method === ValidationMethod.TwoFactor && getUserPhones(userId),
      [userId, method],
    ),
    useCallback(result => {
      if (result.error) {
        props.navigation.navigate('somewhere else');
        return;
      }
    }, [props.navigation]),
    [], // optional initial value
  ),
};

const isLoading = Object.values(loaders).some(loader => loader.isLoading);
const userPhones = loaders.phones.value;