one/dist/esm/link/useLoadedNavigation.mjs

One is a new React Framework that makes Vite serve both native and web.

import { useNavigation } from "@react-navigation/native";
import { useCallback, useEffect, useRef, useState } from "react";
import { useOneRouter } from "../router/router.mjs";
function useLoadedNavigation() {
  const {
    navigationRef
  } = useOneRouter();
  const navigation = useNavigation();
  const isMounted = useRef(true);
  const pending = useRef([]);
  useEffect(() => {
    isMounted.current = true;
    return () => {
      isMounted.current = false;
    };
  }, []);
  const flush = useCallback(() => {
    if (isMounted.current) {
      const pendingCallbacks = pending.current;
      pending.current = [];
      pendingCallbacks.forEach(callback => {
        callback(navigation);
      });
    }
  }, [navigation]);
  useEffect(() => {
    if (navigationRef.current) {
      flush();
    }
  }, [flush, navigationRef]);
  const push = useCallback(fn => {
    pending.current.push(fn);
    if (navigationRef.current) {
      flush();
    }
  }, [flush, navigationRef]);
  return push;
}
function useOptionalNavigation() {
  const [navigation, setNavigation] = useState(null);
  const loadNavigation = useLoadedNavigation();
  useEffect(() => {
    loadNavigation(nav => setNavigation(nav));
  }, [loadNavigation]);
  return navigation;
}
export { useLoadedNavigation, useOptionalNavigation };
//# sourceMappingURL=useLoadedNavigation.mjs.map