Describe the Bug

Map interface does not work any more neither in interfaces or layouts.

After some research I was able to found that the issue is caused by the upgrade of maplibre-gl from 1.15.2 to 2.4.0 in #16052.

Here is more information about it:
maplibre/maplibre-gl-js#1226

To Reproduce

• Provide a MapBox key in Project Settings
• Use map layout or create a map interface

Errors Shown

Within DevTools we can see the following on Console:

Fetch API cannot load mapbox://styles/directus/cl0bombrr001115taz5ilsynw. URL scheme "mapbox" is not supported.

What version of Directus are you using?

9.19.2

What version of Node.js are you using?

v16.14.2

What database are you using?

postgis/postgis:13-3.1-alpine

What browser are you using?

Chrome

How are you deploying Directus?

running locally (main)