Next.JS Link while keeping query / url parameters

SomeComponent.tsx

import React, { ReactNode } from 'react'

// Next
import Link from 'next/link'
import { useRouter } from 'next/router'

const SomeComponent = () => {
  const router = useRouter();
  
  return (
    <div>
      <Link href={{
        pathname: 'signup',
        query: router?.query
      }}>
        Click me!
      </Link>
    </div>
  )
}

export default SomeComponent

router.query will not be defined in the initial render until router.isReady is equal to true.