And Maplibre has a handy function where you can pass in a request transformer to alter all your requests to a source, like this:

function customRequestTransformer(url: string): RequestParameters {     
    const params = {
      url: url,
      headers: {
        Authorization: `Bearer ${user.access_token}`,
        Accept: 'application/geo+json',
      },
    }
    return params;
  }



<Map
	....
	transformRequest={customRequestTransformer}
>

But if you do that, you'll see that your Authorization header is added, BUT your Accept one is not. Arrgg!

Annnnd I wrote the below while I was trying to find a fix, but instead I just wrote the fix and pushed it upstream at https://github.com/maplibre/maplibre-gl-js/pull/4210 . Enjoy! The next release of Maplibre-gl-js will work properly with Postgrest now.

Open source is great.

(Below, if anyone is curious)

The culprit is here: https://github.com/maplibre/maplibre-gl-js/blob/68569cf22655c53bc474504bf07893709723f7d6/src/util/ajax.ts#L154

    if (requestParameters.type === 'json') {
        request.headers.set('Accept', 'application/json');
    }

and then, here

https://github.com/maplibre/maplibre-gl-js/blob/68569cf22655c53bc474504bf07893709723f7d6/src/util/ajax.ts#L255

export const getJSON = <T>(requestParameters: RequestParameters, abortController: AbortController): Promise<{data: T} & ExpiryData> => {
    return makeRequest(extend(requestParameters, {type: 'json'}), abortController);
};

and finally, here: https://github.com/maplibre/maplibre-gl-js/blob/68569cf22655c53bc474504bf07893709723f7d6/src/source/geojson_worker_source.ts#L220

async loadGeoJSON(params: LoadGeoJSONParameters, abortController: AbortController): Promise<GeoJSON.GeoJSON> {
        const {promoteId} = params;
        if (params.request) {
            const response = await getJSON<GeoJSON.GeoJSON>(params.request, abortController);

So loadGeoJSON calls getJSON, which always sets type: 'json', which means our final request nukes whatever request headers we had set.

When I can connect to public wifi with a captive portal on my phone, but not my laptop, this works:

route -n you should get something like this
```bash
Destination     Gateway         Genmask         Flags Metric Ref    Use Iface
0.0.0.0         172.18.0.1      0.0.0.0         UG    600    0        0 wlp170s0
169.254.0.0     0.0.0.0         255.255.0.0     U     1000   0        0 wlp170s0
172.17.0.0      0.0.0.0         255.255.0.0     U     0      0        0 docker0
172.18.0.0      0.0.0.0         255.255.0.0     U     0      0        0 br-16fba42e0cd7
172.18.0.0      0.0.0.0         255.255.0.0     U     600    0        0 wlp170s0
172.19.0.0      0.0.0.0         255.255.0.0     U     0      0        0 br-27df09be2d4a
```

Note the Gateway at 172.18.0.x and the bridge at 172.18.0.0. You need to delete that bridge.

sudo ifconfig  br-16fba42e0cd7 down

sudo brctl delbr br-16fba42e0cd7

should do the trick!

I've made a few side projects:

www.gaffologist.com for finding houses near transport, bike infra, and schools of your preferred ethos (www.educatetogether.ie in my case!)

joinedupthinking.ie - just a quick hack to get some proposed bike and walking infra on the same map as existing infra (this should be something the government does already....) . It's open source! Feel free to make a PR to github.com/CalRobert/calrobert.github.io/

And I don't have much about it online but I have a 200 year old thatched cottage and have done some lime plastering, a little thatch repair, rewilding, etc. if you want to talk about that! It's a 15 minute bike ride from the train, near greenways, near an Educate Together scool, and has gigabit fibre broadband. It was under €100k, even in 2019. It's the house I built Gaffologist to find!