Skip to main content
lib/avatar.ts
Everything the SDK throws is a BlobError. It carries a code from a fixed list, a status, and a message you can show to a user. The same class and codes are used on the server, in the browser, and inside the React hooks. BlobError is exported from all three entrypoints: @upstash/blob, @upstash/blob/browser and @upstash/blob/react.

Use BlobError.is(), not instanceof

An ESM copy and a CJS copy of the class are two different classes, so instanceof can return false for an error that genuinely is one. BlobError.is() checks a Symbol.for marker instead, which is shared across every copy of the package in the process.
is() is a type guard, so the fields are typed after it.

The codes

e.status is what an upload route answers with. Bad option values are not in this list. An unparseable '5mib', a missing token, a route with no onBeforeUpload: those throw a TypeError where the option is written, not a BlobError per request.

Extra fields

Some codes carry extra fields.

Messages

Messages are sentence-cased, so an app can print e.message directly. A message that opens with an identifier, like a MIME type or a file name, keeps that identifier’s case. e.message never carries a credential, a token, or an internal path. Every message is assembled from a code, a caller-supplied string, or an HTTP status.

Hints fold into the message

A hint is appended to the message in parentheses, so printing message alone is enough. e.hint is still there separately if you want to lay it out yourself. A message that already contains its hint is not doubled.

Errors in the browser

app/picker.tsx
An upload route answers every refusal with the error’s own code and status, and the browser rebuilds it. error.code inside a hook is the code your server raised, not a status number you have to decode.

What reaches the browser, in order

A route runs onError first. If it returns a Response, that is the answer; if it returns a BlobError, the answer is that error’s JSON at its own status. Otherwise the throw falls through three cases:
  1. A BlobError is answered as itself, at its own status, with hint, failed, etag, size and retryAfter when they are set.
  2. An app error carrying a status between 400 and 599 is mapped through the table below. This is how an auth check that throws its own 401 reaches the browser as unauthorized.
  3. Anything else is treated as your bug and rethrown, so your framework logs it with its stack rather than masking it as a generic 500.
Any other status becomes request_failed, keeping the status it arrived with. A throw out of onUploadComplete also deletes the completed object before the error is answered. See onUploadComplete.

What storage errors map to

Storage is Cloudflare R2. Its errors are normalized before they leave the SDK, first matching wins. For that last row the status is passed through, except that a 5xx becomes 502, since the failure is upstream of your app rather than in it.

Errors the browser raises on its own

Some failures never reach your route, so the browser names them itself. A PUT that fails with no status and no bytes sent was refused by the browser before it went out, and the reason is never visible to script because it is the preflight that failed:
Buckets allow every origin by default, so this only shows up on a bucket whose CORS policy was narrowed. A 403 on a freshly minted presign becomes signature_mismatch. A 401 or 403 on an older URL is read as an expired signature and the browser asks the route for a new one instead. See Retries. Exhausted retries become request_failed, carrying the attempt count and the last status, hinted with what to do next:
A canceled upload rejects with an AbortError, not a BlobError. The record’s status is canceled and it carries no error at all, so a cancel never renders as a failure.

Platform body limits

This applies to useServerUpload and any route of your own that the bytes pass through. It does not apply to direct browser uploads. A 413 from the platform never reached your route, so it carries no code of its own. The SDK turns it into too_large and attaches the limits as a hint:
Keep a proxied route’s own maxSize under the platform’s cap, so the refusal comes from your code with your wording. A file bigger than the cap needs a direct browser upload instead.

Credential errors

Three codes come from the credential service rather than from storage or from your code. The SDK waits out short backoffs itself. mint_backoff is a pause too long for one request to wait through, handed back to you instead of holding a serverless invocation open. Credentials are short-lived and re-minted before they expire. One that expires mid-request is handled inside the SDK, so only a second refusal surfaces. See How signing works.