Remix App: Form Action Not Triggering While Loader Works Correctly

Shopify Apps
1

Hi everyone,

I’m developing a Shopify app using Remix (Node + App Bridge). I have a form that correctly shows fetcher.state === “submitting” when submitted, and the loader for the page works perfectly and consistently.

However, the action tied to the form is not being triggered at all — and this happens randomly. Sometimes it works as expected, sometimes it doesn’t trigger at all, even though no changes have been made to the code.

I’ve verified:

  • The form has a proper method=“post” and uses the correct fetcher.

  • Logs inside the action function don’t get triggered when it fails.

  • There are no visible frontend errors.

  • The route is being resolved correctly (I’m not using dynamic action paths).

  • This happens even in development mode.

Could this be related to:

  • App Proxy configuration?

  • App Bridge or session/authentication issues?

  • Something specific to embedded apps in Shopify Admin?

Any guidance would be greatly appreciated!

2

We had a similar case recently. A button that should submit was just doing nothing – no error, no request, nothing.

In our case we did not pass the apiKey to the AppProvider – it was undefined. After providing the actual apiKey, it started to work.