Tengo un ejemplo simple donde tengo un problema de dependencia circular. ¿Qué se puede hacer para evitar este bucle de importación?

tienda.js

 import { fetchApi } from "./api"; class Store { auth = "zzzzz"; fetch = () => fetchApi(); } const store = new Store(); export default store;

api.js

 import client from "./client"; export const fetchApi = () => client("/test");

cliente.js

 import store from "./store"; const client = (endpoint) => { const config = { method: "GET", headers: { Authorization: `Bearer ${store.auth}` } }; return window.fetch(endpoint, config); }; export default client;

Con este código, tengo la siguiente situación:

• la tienda está importando api
• api está importando cliente
• el cliente está importando la tienda

tienda -> api -> cliente -> tienda

Feliz de escuchar sugerencias o ver ejemplos sobre cómo puedo evitar este patrón. 🙏🏻