one/dist/esm/useFocusEffect.js

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

import { useEffect } from "react";
import { useOptionalNavigation } from "./link/useLoadedNavigation";
function useFocusEffect(effect, args) {
  const navigation = useOptionalNavigation();
  useEffect(() => {
    if (!navigation)
      return;
    let isFocused = !1, cleanup;
    const callback = () => {
      const destroy = effect();
      if (destroy === void 0 || typeof destroy == "function")
        return destroy;
      if (process.env.NODE_ENV !== "production") {
        let message = "An effect function must not return anything besides a function, which is used for clean-up.";
        destroy === null ? message += " You returned 'null'. If your effect does not require clean-up, return 'undefined' (or nothing)." : typeof destroy.then == "function" ? message += `

It looks like you wrote 'useFocusEffect(async () => ...)' or returned a Promise. Instead, write the async function inside your effect and call it immediately:

useFocusEffect(
  React.useCallback(() => {
    async function fetchData() {
      // You can await here
      const response = await MyAPI.getData(someId);
      // ...
    }

    fetchData();
  }, [someId])
);

See usage guide: https://reactnavigation.org/docs/use-focus-effect` : message += ` You returned '${JSON.stringify(destroy)}'.`, console.error(message);
      }
    };
    navigation.isFocused() && (cleanup = callback(), isFocused = !0);
    const unsubscribeFocus = navigation.addListener("focus", () => {
      isFocused || (cleanup?.(), cleanup = callback(), isFocused = !0);
    }), unsubscribeBlur = navigation.addListener("blur", () => {
      cleanup?.(), cleanup = void 0, isFocused = !1;
    });
    return () => {
      cleanup?.(), unsubscribeFocus(), unsubscribeBlur();
    };
  }, [navigation, ...args]);
}
export {
  useFocusEffect
};
//# sourceMappingURL=useFocusEffect.js.map