Resolves the URL to the closest route in the component hierarchy instead of the current URL of the app.

This is used internally by <Form> to resolve the action to the closest route, but can be used generically as well.

import { useFormAction } from "@remix-run/react";

function SomeComponent() {
  // closest route URL
  const action = useFormAction();

  // closest route URL + "destroy"
  const destroyAction = useFormAction("destroy");


useFormAction(action, options)


Optional. The action to append to the closest route URL.


The only option is { relative: "route" | "path"}.

  • route default - relative to the route hierarchy, not the URL
  • path - makes the action relative to the URL paths, so .. will remove one URL segment.
Docs and examples licensed under MIT