Error with Permissions-Policy header: Unrecognized feature: 'interest-cohort'

Question

I have just started react.

My page works fine on localhost.

Now I am trying to host my page on github.

I have used "npm run deploy" and hosted

This is my package.json

Now when I am trying to access my page I run into errors and the first warning concerns me the most .

This is my page : Github Page

What is this "Permission Policy" and how do I fix it?

Answer 1

Basically you can ignore it. GitHub hosted pages disable FLoC, which is Google's 3rd party cookie alternative. GitHub, Microsoft, doesn't seems to like it.

https://github.blog/changelog/2021-04-27-github-pages-permissions-policy-interest-cohort-header-added-to-all-pages-sites/

Answer 2

I know it is a little bit late. But I'll keep this here as I don't see an answer on how to fix this problem. So we basically just need to add this <meta> tag on index.html file:

<meta http-equiv="Permissions-Policy" content="interest-cohort=()">