Surface fetcher formAction for fetcher.load

[nicholaschiang]

I want to surface the equivalent for the formAction on the fetcher object returned by useFetchers. I want to show a global loading indicator whenever certain endpoints are being loaded. For example, I have a menu that will load a bunch of different loaders and want to do something like this:

  const fields = model.fields.filter((f) => !hiddenFields?.includes(f.name))
  const routes = Object.entries(MODEL_TO_ROUTE)
    .filter(([type]) => fields.some((f) => f.type === type))
    .map(([_, route]) => route)
  const fetchers = useFetchers().map((f) => f.formAction)
  const loading = fetchers.some((f) => routes.some((r) => f?.includes(r)))

...but I cannot as formAction is always undefined for any fetcher.load() calls.