Whats the recommended approach to throw custom exceptions?

[brionmario]

Hi Community,

We have started migrating our Identity Apps Repo (WSO2 Identity Server Apps) to SWR.

We have written our API function as follows. Where we throw custom exceptions when an error occurs.

export const getPreference = (
    name: string,
    type: PreferenceTypes = PreferenceTypes.USER,
    locale: string = I18nConstants.DEFAULT_FALLBACK_LANGUAGE
): Promise<PreferenceAPIResponseInterface> => {

    const requestConfig: RequestConfigInterface = {
        headers: {
            "Accept": "application/json",
            "Content-Type": "application/json"
        },
        method: HttpMethods.GET,
        params: {
            locale,
            name,
            type
        },
        url: store.getState().config.endpoints.preference
    };

    return httpClient(requestConfig)
        .then((response: AxiosResponse) => {
            if (response.status !== 200) {
                throw new IdentityAppsApiException(
                    PreferencesConstants.ErrorMessages.PREFERENCE_FETCH_INVALID_STATUS_CODE_ERROR
                        .getErrorMessage(),
                    null,
                    response.status,
                    response.request,
                    response,
                    response.config);
            }

            return Promise.resolve(response.data);
        }).catch((error: AxiosError) => {
            throw new IdentityAppsApiException(
                error.response?.data?.message ?? PreferencesConstants
                    .ErrorMessages.PREFERENCE_FETCH_ERROR.getErrorMessage(),
                error.stack,
                error.response?.data?.code,
                error.request,
                error.response,
                error.config);
        });
};

And for migration, we have adopted the reusable hooks approach and have written the hooks like this.

export const usePreference = <Data = PreferenceAPIResponseInterface, Error = RequestErrorInterface>(
    name: string,
    type: PreferenceTypes = PreferenceTypes.USER,
    locale: string = I18nConstants.DEFAULT_FALLBACK_LANGUAGE
): RequestResultInterface<Data, Error> => {

    const requestConfig: RequestConfigInterface = {
        headers: {
            "Accept": "application/json",
            "Content-Type": "application/json"
        },
        method: HttpMethods.GET,
        params: {
            locale,
            name,
            type
        },
        url: store.getState().config.endpoints.preference
    };

    const {
        data,
        error,
        isValidating,
        mutate
    } = useRequest<Data, Error>(requestConfig);

    return {
        data,
        error,
        isLoading: !error && !data,
        isValidating,
        mutate
    };
};

My question is, what's the recommended approach for throwing these exceptions.

NOTE: We have written a custom hook [useRequest](https://github.com/wso2/identity-apps/blob/master/apps/console/src/features/core/hooks/use-request.ts) wrapping `useSWR` following [this guide](https://github.com/vercel/swr/blob/main/examples/axios-typescript/libs/useRequest.ts).

And our fetcher is an axios instance that comes from an `auth-sdk`.