Копирование в буфер обмена URL в Next JS

import { useRouter } from "next/router";
import { useState } from "react";

const share = useRouter();
    const base = "http://localhost:3000";

    const links = base + share.asPath;
    const copylink = (e) => {
        navigator.clipboard.writeText(links)
    }

<div onClick={copylink} className="shareicon" >
    <p> Copy to CLipboar </p>
</div>