Axios Base Query for RTK Query (redux toolkit)

axiosBaseQuery.js

import axios from 'axios'

export const axiosBaseQuery =
  ({ baseUrl, prepareHeaders }) => {
    return async ({ url, method, body: data, params, ...rest }, api) => {

      try {
        // this to allow prepare headers 
        if (prepareHeaders) {
          axios.interceptors.request.use(function (config) {
            const newHeaders = prepareHeaders(config.headers, api);
            config.headers = { ...config.headers, ...newHeaders }
            return config;
          })
        }

        const result = await axios({ url, baseURL: baseUrl, method, data, params, ...rest, signal: api.signal })
        return {
          data: result.data,
          meta: {
            headers: result.headers,
            status: result.status,
            config: result.config,
            request: result.request,
          }
        }
      } catch (axiosError) {
        let err = axiosError
        return {
          error: {
            status: err.response?.status,
            data: err.response?.data || err.message,
            headers: err.response?.headers
          },
        }
      }
    }
  }

export default axiosBaseQuery

Do you have an example of how to use the prepareHeaders with this axiosBaseQuery? I keep getting headers.set is not a fucntion.