NEXT JS: Redirec to external URL on Click of button (and not on loading a route)

Question

I have been continiously trying to redirect to an external URL with absolute path using NEXTJS in order to perform oAuth verification.

I tried using

<button><a href='absolute_path'>Redirect to Website</a></button>

onClick = () => window.location.href = 'absolute_path'

onClick = () => window.location.assign('absolute_path')

But all of these always append the result at the end:

localhost:3000/absolute_path

I saw:

async redirects() {
    return [
      {
        source: '/',
        destination: 'https://appcenter.intuit.com/connect/oauth2',
        permanent: false,
        basePath: false,
      },
    ];
  },

But this performs immediate redirect on page load, I don't want that instead I want to redirect to external URL based on a button click so that I could inject URL params on the Go.

One way could be to modify URL parameters on button click and then writing an expression in the above config so that it matches and redirects, however that seems to be super complicated so I wanted to know if there's any better solution to this?