Fast Refresh makes Head API useless?

[gex]

I try to utilize the Head API by exporting a Head component along with my Page Component. I always get a

ReferenceError: Head is not defined

error (emphasized for future google searches).

After some investigation i found out that Gatsby uses Fast Refresh and in the Limitations it's mentioned that

The file you’re editing might have other exports in addition to a React component. [...] Page templates must only export one default export (the page) and query as a named export.

Is the documentation of the Head API just outdated or i understand it correctly that in the current version of Gatsby the Head API is completely useless? What is the current suggested method of adding <title> and <meta> tags to a page?

edit:

Here is the relevant part from my `package.json`

  "dependencies": {
    "@tailwindcss/typography": "^0.5.12",
    "@vis.gl/react-google-maps": "^0.8.3",
    "autoprefixer": "^10.4.19",
    "gatsby": "^5.13.3",
    "gatsby-plugin-google-gtag": "^5.13.1",
    "gatsby-plugin-postcss": "^6.13.1",
    "gatsby-plugin-sharp": "^5.13.1",
    "gatsby-remark-images": "^7.13.1",
    "gatsby-source-filesystem": "^5.13.1",
    "gatsby-transformer-remark": "^6.13.1",
    "postcss": "^8.4.38",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "tailwindcss": "^3.4.3"
  },
  "devDependencies": {
    "@types/node": "^20.12.5",
    "@types/react": "^18.2.74",
    "@types/react-dom": "^18.2.24",
    "typescript": "^5.4.4"
  }