How do I make it work signOut function with local ssl?

[nicolasguasca1]

Hello! I have the following component:

import Link from "next/link"
import styles from "./header.module.css"

export default function Header() {
  const { data: session, status } = useSession()
  const loading = status === "loading"

  return (
    <header>
      <noscript>
        <style>{`.nojs-show { opacity: 1; top: 0; }`}</style>
      </noscript>
      <div className={styles.signedInStatus}>
        <p
          className={`nojs-show ${!session && loading ? styles.loading : styles.loaded}`}
        >
          {!session && (
            <>
              <span className={styles.notSignedInText}>
                You are not signed in
              </span>
            </>
          )}
          {session?.user && (
            <>
              {session.user.image && (
                <span
                  style={{ backgroundImage: `url('${session.user.image}')` }}
                  className={styles.avatar}
                />
              )}
              <span className={styles.signedInText}>
                <small>Signed in as</small>
                <br />
                <strong>{session.user.email ?? session.user.name}</strong>
              </span>
              <a
                href={`/api/auth/signout`}
                className={styles.button}
                onClick={(e) => {
                  e.preventDefault()
                  signOut() // DOESN'T GO TO HTTPS
                }}
              >
                Sign out
              </a>
            </>
          )}
        </p>
      </div>
      <nav>
        <ul className={styles.navItems}>
          <li className={styles.navItem}>
            <Link href="/">
              <a>Home</a>
            </Link>
          </li>
          <li className={styles.navItem}>
            <Link href="/siwe">
              <a>SIWE</a>
            </Link>
          </li>
        </ul>
      </nav>
    </header>
  )
}

As of now, if I click on signOut it takes me to localhost:3000 instead of https://localhost:3000. Do you have any idea on how to fix it? This is my callbacks config on my [...nextauth].ts file:

callbacks: {
      async session({ session, token }) {
        session.user.id = token.sub;
        session.user.name = token.sub;
        return session;
      },
      async redirect({ url, baseUrl }) {
        // Allows relative callback URLs
        if (url.startsWith("/")) return `${baseUrl}${url}`;
        // Allows callback URLs on the same origin
        else if (new URL(url).origin === baseUrl) return url;
        return baseUrl;
      }
    }

pd. I need the local ssl as I will be integrating instagram sign in later on...

Any help will be much appreciated!