How to fire off multiple background actions?

[punkpeye]

My use case is a command bar for a chat app.

A single command might need to call several actions.

A pseudo code for what I am doing today is something like this...

const fetcher = useFetcher();

useEffect(() => {
  const commands = [
    {
      name: "delete-every-chat",
      onSelect: () => {
        for (const chat of chats) {
          const formData = new FormData();

          fetcher.submit(formData, {
            action: getPath('/api/chat/:uid/delete', {
              uid: chat.uid,
            }),
            method: 'post',
          });
        }
      },
    },
  ];

  // ...
});

However, it appears that sharing fetching this way leads to situations where not every POST request is completed.

Furthermore, there appears to be no way to get the response from the action.

What's the correct way to do this?