Generate dynamic project links for multiple docs

[glitch-txs]

Hi, I'm creating a website for an open source organization, we have multiple libraries and would like to have the documentation on a single repository/website.

I would like to show the GitHub link but redirect the users to a dynamic link depending on the route they are on. So they can go to the respective repository of the tool they are reading about.

I'm trying this on theme.config.jsx but doesn't work so far.

import { useRouter } from "next/router"

export default {
  useNextSeoProps(){

    const { asPath } = useRouter()
    const library = asPath.slice(0,asPath.indexOf("/", 2))

    return {
      logo: <span>Ronin Builders</span>,
      project: {
        link: `https://github.com/ronin-builders/${library}`
      },
    }
  }
}

I've also tried setting project as a callback function but this is also not allowed.

Any workaround for this?