File Manager

✏️ Edit File: /home/rla105zs937x/www/kalamtrophy.in/finance/node_modules/react-router/docs/how-to/status.md

---
title: Status Codes
---

# Status Codes

[MODES: framework ,data]

Set status codes from loaders and actions with `data`.

```tsx filename=app/project.tsx lines=[3,12-15,20,23]
// route('/projects/:projectId', './project.tsx')
import type { Route } from "./+types/project";
import { data } from "react-router";
import { fakeDb } from "../db";

export async function action({
  request,
}: Route.ActionArgs) {
  let formData = await request.formData();
  let title = formData.get("title");
  if (!title) {
    return data(
      { message: "Invalid title" },
      { status: 400 },
    );
  }

if (!projectExists(title)) {
    let project = await fakeDb.createProject({ title });
    return data(project, { status: 201 });
  } else {
    let project = await fakeDb.updateProject({ title });
    // the default status code is 200, no need for `data`
    return project;
  }
}
```

See [Form Validation](./form-validation) for more information on rendering form errors like this.

Another common status code is 404:

```tsx
// route('/projects/:projectId', './project.tsx')
import type { Route } from "./+types/project";
import { data } from "react-router";
import { fakeDb } from "../db";

export async function loader({ params }: Route.ActionArgs) {
  let project = await fakeDb.getProject(params.id);
  if (!project) {
    // throw to ErrorBoundary
    throw data(null, { status: 404 });
  }
  return project;
}
```

See the [Error Boundaries](./error-boundary) for more information on thrown `data`.

Batal

⬅ Naik ke docs 30 item

Nama	Tipe	Ukuran	Diubah	Aksi
📝accessibility.md	md	2.5 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝client-data.md	md	5.7 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝data-strategy.md	md	11 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝error-boundary.md	md	5.9 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝error-reporting.md	md	3.5 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝fetchers.md	md	7.1 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝file-route-conventions.md	md	16.2 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝file-uploads.md	md	5.5 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝form-validation.md	md	3.4 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝headers.md	md	4 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝index.md	md	32 B	2026-06-22 23:55	✏️ Edit 👁️ View
📝instrumentation.md	md	14.5 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝meta.md	md	1.1 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝middleware.md	md	27 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝navigation-blocking.md	md	5.6 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝optimize-revalidation.md	md	1.1 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝pre-rendering.md	md	8.7 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝presets.md	md	3 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝react-server-components.md	md	28.4 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝resource-routes.md	md	4.2 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝route-module-type-safety.md	md	3.4 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝search-params.md	md	48 B	2026-06-22 23:55	✏️ Edit 👁️ View
📝security.md	md	1.6 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝server-bundles.md	md	3.3 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝spa.md	md	4.8 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝status.md	md	1.5 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝suspense.md	md	4 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝using-handle.md	md	3.1 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝view-transitions.md	md	5.6 KB	2026-06-22 23:55	✏️ Edit 👁️ View
📝webhook.md	md	1.2 KB	2026-06-22 23:55	✏️ Edit 👁️ View