Mapbox doesn't work while editing Default View of geometry field

[micheleferraro]

Preflight Checklist

• I have completed all Troubleshooting Steps.
• I'm on the latest version of Directus.
• There's no other issue that already describes my problem.

Describe the Bug

I added a GeoJSON field, I configured the default view using OpenStreetMap. I then configured MapBox with a valid token and I was able to use MapBox while adding a new item to the collection. When I tried to edit the geometry field the Default View in Interface options was blank and I got this error in the console:

To Reproduce

1. Add a geometry field to a collection
2. Setup Mapbox access token in project settings
3. Add an an item to the collection and select Mapbox in the dropdown
4. Edit the geometry field and go to Interface options

What version of Directus are you using?

9.0.0-rc.91

What version of Node.js are you using?

14.17.2

What database are you using?

MariaDB 10.5.11

What browser are you using?

Chrome

What operating system are you using?

macOS

How are you deploying Directus?

running locally