How to deal with the circular dependence problem between axios and router loader?

[vaynevayne]

const rootLoader: NonIndexRouteObject['loader'] = async () => {

const resList =  Promise.all([useUserStore
      .getState() // router need axios 
      .fetchUserPermission()
      ])

  return resList ?? null
}

const router = createBrowserRouter([])
export { router }

server.tsx

import { router } from '@/router/router'
axios.interceptors.response.use(()=>{
 router.navigate('/login') // axios need router
})

this can cause error