[ Issue with Avatar google img loading] Referrer-policy Issue

[Felix_Lu]

next.config.js Options: headers | Next.js

So the correct way to config the next.config.js for the referrer-policy is:
Watch out the key

/** @type {import('next').NextConfig} */
const nextConfig = {
  async headers() {
    return [
      {
        source: "/:path*",
        headers: [{ key: "Referrer-Policy", value: "no-referrer" }],
      },
    ];
  },
};

module.exports = nextConfig;

instead of :

{
  key: 'Referrer',
  value: 'no-referrer'
}

by doing this, it should fix the problem with occasionally failed to load the image from google

[SilviuJS]

@Felix_Lu

 async headers() {
    return [
      {
        source: "/:path*",
        headers: [{ key: "Referrer-Policy", value: "no-referrer" }],
      },
    ];
  },

Can confirm, this was the fix for me too, for the google avatar image not rendering, instead showing the fallback “?” string. Thanks!