Copy to clipboard URL in Next JS

First import useRouter and useState.

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

In function

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

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

In Html

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

Comments

[Fabrício Santos]

Easy and right on time, tks

[Yousuf Ahamad]

Are you sure, it works in nextjs 13+ app routing??

[Aman Pareek]

I'm not sure of v13