Как установить fetcher библиотеке SWR по умолчанию в моем случае?

Question

[vovashaplin]

У меня есть надстройка над axios, которая добавляет заголовки и вставляет token.

export const instance = (token: string | undefined) => {
  return axios.create({
    baseURL: 'http://localhost:8000',
    headers: {
      'Content-Type': 'application/json',
      Authorization: `Token ${token}`
    }
  })
}

Проблема появилось с библиотекой SWR на стыке с Next.js.
Внутри _app.js Ставлю SWRConfig. (Без надстройки он отлично работал)

<SWRConfig
          value={{
            revalidateOnMount: true,
            dedupingInterval: 1000,
            fetcher: (url) => axios(url).then(r => r.data)
          }}
        >

Вопрос в том, как ихменить в этом "fetcher: (url) => axios(url).then(r => r.data)" axios на instance?

Я бы рад не передавать токен в inctance, ведь он хранится в куках. Но когда я беру из кук внутри instance, то там всегда вылезает undefined.
Что-то типо того

export const instance = axios.create({
  baseURL: 'http://localhost:8000',
  headers: {
    'Content-Type': 'application/json',
    Authorization: `Token ${Cookie.get('token')}`
  }
})