one/dist/cjs/useFocusEffect.native.js

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

"use strict";

var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
    for (var name in all) __defProp(target, name, {
      get: all[name],
      enumerable: !0
    });
  },
  __copyProps = (to, from, except, desc) => {
    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
      get: () => from[key],
      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
    });
    return to;
  };
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
  value: !0
}), mod);
var useFocusEffect_exports = {};
__export(useFocusEffect_exports, {
  useFocusEffect: () => useFocusEffect
});
module.exports = __toCommonJS(useFocusEffect_exports);
var import_react = require("react"),
  import_useLoadedNavigation = require("./link/useLoadedNavigation.native.js");
function useFocusEffect(effect, args) {
  var navigation = (0, import_useLoadedNavigation.useOptionalNavigation)();
  (0, import_react.useEffect)(function () {
    if (navigation) {
      var isFocused = !1,
        cleanup,
        callback = function () {
          var destroy = effect();
          if (destroy === void 0 || typeof destroy == "function") return destroy;
          if (process.env.NODE_ENV !== "production") {
            var 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);
      var unsubscribeFocus = navigation.addListener("focus", function () {
          isFocused || (cleanup?.(), cleanup = callback(), isFocused = !0);
        }),
        unsubscribeBlur = navigation.addListener("blur", function () {
          cleanup?.(), cleanup = void 0, isFocused = !1;
        });
      return function () {
        cleanup?.(), unsubscribeFocus(), unsubscribeBlur();
      };
    }
  }, [navigation, ...args]);
}
//# sourceMappingURL=useFocusEffect.native.js.map