Skip to main content

Custom error response using GENERAL_ERROR status

Sometimes, you may want to send a custom error message from your API override to display to the user on the frontend. This can be done by sending the following JSON response from the API:

{    "status": "GENERAL_ERROR",    "message": "Some custom error message"}

If you are using our pre-built ReactJS UI, the above response will render the mesage "Some custom error message" on the frontend UI. For custom UI, you can read this response and display the message in an error UI. This response can be returned from most of the APIs exposed by the backend SDK.

Let's take an example in which we want to prevent the user from signing up unless their email is preapproved by the app's admin. For this, we will override the sign up API to check if the input email is approved or not, and if not, we prevent the sign up, and send a custom error message.

import Passwordless from "supertokens-node/recipe/passwordless";
Passwordless.init({    contactMethod: "...",    override: {        apis: (oI) => {            return {                ...oI,                consumeCodePOST: async function (input) {                    let codesInfo = await Passwordless.listCodesByPreAuthSessionId({                        preAuthSessionId: input.preAuthSessionId                    })
                    let email = codesInfo?.email!
                    if (emailNotAllowed(email)) {                        return {                            status: "GENERAL_ERROR",                            message: "You are not allowed to sign up. Please contact the app's admin to get permission"                        }                    }                    return oI.consumeCodePOST!(input);                }            }        }    }})
function emailNotAllowed(email: string) {    // TODO: your impl to check if email is allowed or not    return true;}
Which frontend SDK do you use?
supertokens-web-js / mobile
supertokens-auth-react