lib/avatar.ts
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
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
Messages
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
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
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 runsonError 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:
- A
BlobErroris answered as itself, at its own status, withhint,failed,etag,sizeandretryAfterwhen they are set. - An app error carrying a
statusbetween 400 and 599 is mapped through the table below. This is how an auth check that throws its own 401 reaches the browser asunauthorized. - 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: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:
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
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:
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
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.