How to add custom hostname for multi tenant application with cloudflare pages ?

// src/index.ts
var src_default = {
  async fetch(request, env, ctx) {
    
    const newRequest = new Request(request);
    let url = new URL(request.url);

    newRequest.headers.set("x-company-id", url.hostname)
    
    url.hostname = 'app.mycompany.com';
    

    return fetch(url.toString(), newRequest)
  }
};
export {
  src_default as default
};
//# sourceMappingURL=index.js.map

// src/index.ts
var src_default = {
  async fetch(request, env, ctx) {
    
    const newRequest = new Request(request);
    let url = new URL(request.url);

    newRequest.headers.set("x-company-id", url.hostname)
    
    url.hostname = 'app.mycompany.com';
    

    return fetch(url.toString(), newRequest)
  }
};
export {
  src_default as default
};
//# sourceMappingURL=index.js.map