Skip to main content

Using fetchBaseQuery

fetchBaseQuery is a function which is used in conjunction with the API Provider Component. It is a wrapper around fetch which help us to make a basequery with providing the base url and adding any extra fetch options like headers if needed.

Function signature​

    fetchBaseQuery({
        baseUrl: string // you api baseUrl will go here
        fetchOptions: {Object}
    })

Example for baseQuery​

Defining the baseQuery

const baseQuery =  fetchBaseQuery({
        baseUrl: "api.hello.com" // you api baseUrl will go here
        fetchOptions: { // any other fetch options will go here
        headers: {
            "Content-type": "application/json;",
            Authorization: "This is token",
    }
  },
    })

Using in the api Provider​

<ApiProvider baseQuery={baseQuery} />