lost reactivity in custom useFetch

[scffs]

I am trying to write my own useFetch but isLoading is always true or false

Need some help

export const useFetch = async (
  url,
  method,
  data,
): Promise => {
  const state = reactive({
    data: null,
    error: null,
    isLoading: false,
  })

  const fetchData = async () => {
    state.isLoading = true
    try {
      const requestConfig = {
        method,
        url,
        data,
      }
      const res = await api.request(requestConfig)

      if (typeof res.data !== 'undefined') {
        state.data = res.data 
      }

      state.error = null
    } catch (err) {
      const axiosError = err 
      state.error = axiosError.message || 'Fetch error'
    } finally {
      state.isLoading = false
    }
  }

  fetchData()
  return toRefs(state)
}

using like this

const handleLogin = async () => {
  const { data, isLoading, error } = await useFetch('authorization', 'POST', {
    login: email.value,
    password: password.value,
  })

  try {
    console.log('isLoading', isLoading.value)
  } catch (e) {
    console.log('isLoading', isLoading.value)
  } finally {
    console.log('isLoading', isLoading.value)
  }
}