In my Google Firebase project console, when I go to the storage page

https://console.firebase.google.com/u/0/project/my-project-name-here/storage/my-project-name-here.appspot.com/files

I see errors in the console

Access to XMLHttpRequest at 'https://firebasestorage.clients6.google.com/v0/b/my-project-name-here.appspot.com/o?prefix=&internal_legacy=true&delimiter=%2F&maxResults=100' from origin 'https://console.firebase.google.com' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.

GET https://firebasestorage.clients6.google.com/v0/b/my-project-name-here.appspot.com/o?prefix=&internal_legacy=true&delimiter=%2F&maxResults=100 net::ERR_FAILED

I also see a warning on the page, which I assume is due to the same error

Due to recent security improvements to Cloud Storage for Firebase, you must update your project settings.

I click Fix Issue which brings up the following popup

Then click Attach Permissions which gives the following error:

Repair project permissions
An error occurred updating the project’s permissions. Please try again.
To allow Cloud Storage for Firebase to function properly, a service account on this project needs to be granted an additional IAM role

What is going on here? And how can I fix it to make the error messages go away?