How do you tell useEffect you don't care about without making exhaustive deps mad?

[stoplion]

How do you tell useEffect you don't care about without making exhaustive deps mad?

  useEffect(() => {
    async function awaitAllPendingTxs() {
      const txReceiptPromises = txsPending.map((tx) => {
        return provider.waitForTransaction(tx.hash);
      });

      const txReciepts = await Promise.all(txReceiptPromises);

      txReciepts.forEach((tx) =>
        dispatch(actions.rmTxsPending(tx.transactionHash))
      );
    }

    awaitAllPendingTxs();
  }, [provider]);

I only want this to run when the app first loads.

And more specifically when provider is available. provider is initialized as null. At some point when the app first loads, provider is initialized. That's when I want this to run.

But the React hooks plugin is telling me to add dispatch and txsPending.

I don't want the code to run when txsPending and dispatch changes. And yet, I need these variables and functions in the useCallback.

If I add txsPending and dispatch to the dep array, won't the codeblock be called three times?

Once when dispatch is created, and everytime txsPending is changed (txsPending is localstate)? Which I don't want.

How is useCallback dep array satisfied here? While also making sure it only runs when I want it to?

[ChristianMurphy]

How do you tell useEffect you don't care about without making exhaustive deps mad?

// eslint-disable-next-line react-hooks/exhaustive-deps

above the line with the error.
Or you could propose improved logic for the eslint plugin at https://github.com/facebook/react