Allow useAxios without an url

Clear and concise description of the problem

I would like to be able to call useAxios without an url, it would be great if the following method signatures could be supported:

useAxios() // implicit immediate=false or pass the option { immediate: false }
useAxios(AxiosInstance) // also immediate=false
useAxios(AxiosRequestConfig)
useAxios(AxiosRequestConfig, AxiosInstance)

With useAxios(AxiosInstance) it would be easier to extend useAxios with a shared config:

export const axiosWithToken = axios.create({
  baseURL: config.baseURL,
  timeout: config.timeout,
});

axiosWithToken.interceptors.request.use(async (axiosConfig) => {
  // ....

  axiosConfig.headers.Authorization = `Bearer ${response.accessToken}`;

  return axiosConfig;
});

// Import and use this version of useAxios for protected APIs
export function useTokenAxios(config?: AxiosRequestConfig) {
  return useAxios(config, axiosWithToken);
}

I would like to keep all my endpoint configuration in the same place:

export const bookEndpoints = {
  getAll(): AxiosRequestConfig {
    return { url: 'books' };
  },
  getPaged(pageSize: number, pagenumber: number): AxiosRequestConfig {
    return { url: 'books', params: { pageSize, pagenumber } };
  },
  getSingle(id: string): AxiosRequestConfig {
    return { url: `books/${encodeURIComponent(id)}`, transformResponse: transformData };
  },
  create(objData: unknown): AxiosRequestConfig {
    return { url: 'books', method: 'POST', data: objData };
  },
  update(id: string, objData: unknown): AxiosRequestConfig {
    return { url: `books/${encodeURIComponent(id)}`, method: 'PUT', data: objData };
  },
  delete(id: string): AxiosRequestConfig {
    return { url: `books/${encodeURIComponent(id)}`, method: 'DELETE' };
  },
};

API usage:

// create, update, delete or something else that is not going to be executed in setup
const { execute } = useAxios() // implicit immediate=false or pass the option { immediate: false }

// execute the request some time in the future when the user has updated the data
execute(bookEndpoints.update('aBzw', myUpdatedBook))

// others executed immediately
useAxios(bookEndpoints.getAll())
// or
useAxios(bookEndpoints.getAll(), axiosWithToken)
// or 
useTokenAxios(bookEndpoints.getAll())

Suggested solution

useAxios could allow the new method signatures or a new method could be exposed without the url. E.g.

useAxios(url : string) {
  return useAxiosWithoutUrl( { url: url } );
}

Alternative

No response

Additional context

Since useAxios uses axios(url, config) it is not possible to override the url using the config.

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn’t already an issue that request the same feature to avoid creating a duplicate.

[hengshanMWC]

@aalsamoht Maybe I can try sending a pr

[hengshanMWC]

@aalsamoht Functions have been merged