JavaScriptでスムーススクロールする際にページ外からリンクさせる方法

Question

スムーススクロールを実装中なのですが、ページ内のリンクはうまくいったのですが、ページ外のものについてはどのように実装すればいいのでしょうか?最悪スクロールはしなくてもいいのですが、headerのmergin分ずれるのでそこを解消したいです。
絶対パスのものなどでも、ちゃんとスムーススクロールするようにしたいです。

const useScrollSmooth = () => {
    //全ての#がふくまれる要素を取得
    const smoothScrollTrigger = document.querySelectorAll('a[href^="#"]');
    //headerを取得
    const header = document.querySelector("header");
    //headerの初期値
    let headerHeight = 0;
    //headerの高さを取得
    if (header) headerHeight = header.offsetHeight;
    //#が含まれていた属性をループ
    smoothScrollTrigger.forEach((trigger) => {
        trigger.addEventListener("click", (e) => {
        //デフォルトのリンクイベントをキャンセル
        e.preventDefault();
        //対象のhrefを取得
        const href = trigger.getAttribute("href");
        //対象物を取得
        const targetElement = document.querySelector(href);
        let rect = 0;
        //ブラウザの左上から、対象物までの相対距離
        if (targetElement) rect = targetElement.getBoundingClientRect().top;
        //垂直方向のスクロール量
        const offset = window.pageYOffset;
        //headerHeight 
        const target = rect + offset - (headerHeight + 30);
            window.scrollTo({
                top: target,
                behavior: "smooth",
            });
        });
    });
};

export default useScrollSmooth;