Hello everyone,

I have tested the solution on Firefox but it rejects an error:

Unhandled Rejection (TypeError): 'clipboard-write' (value of 'name' member of PermissionDescriptor) is not a valid value for enumeration PermissionName.

Do you have a solution ?

Hi and thanks for the lib! I noticed that types are referring to dist/react-use-clipboard.d.ts, which doesn't exist in the package.

nvm

https://web.dev/publish-modern-javascript/

I tried using exports but had to remove it in #33 to fix #31. It'd be great to add back since it's smaller than the other bundles. I'm not sure if the issue was in Next.js or microbundle, but it should be easy to find out by testing Next.js with any other package that uses exports in package.json.

For example, api like this：

const [isCopied, setCopied] = useClipboard({
  successDuration: 1000,
  defaultCopyText: 'copied text!'
});

// ...
<>
  <span onClick={() => setCopied()}>some text</span> // will be "copied text!"
  <span onClick={() => setCopied('new text!')}>some text</span> // will be "new text!"
</>

When working with nextjs, it is founded that the server returns error as this syntax error pops out

import{useState as t,useEffect as o}from"react";import r from"copy-to-clipboard";export default function(c,e){const[i,n]=t(!1),u=e&&e.successDuration;return o(()=>{if(i&&u){const t=setTimeout(()=>{n(!1)},u);return()=>{clearTimeout(t)}}},[i,u]),[i,()=>{const t=r(c);n(t)}]}
^^^^^^

SyntaxError: Cannot use import statement outside a module

I am rendering a list of colors

When I click one of these colors, the local isCopied state is true.

But when I click another color, the old color still maintains it's value of isCopied.

Is there any way to make sure that only one instance of isCopied is set to true?

Got this error when I use this as mentioned in the example.

./node_modules/react-use-clipboard/dist/react-use-clipboard.mjs
Can't import the named export 'useState' from non EcmaScript module (only default export is available)

Code

import useClipboard from "react-use-clipboard";


export default function Home() {
    const [query, setQuery] = useState('');
    const [isCopied, setCopied] = useClipboard("Text to copy");
}

Version

"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-use-clipboard": "0.1.2",

Test suite failed to run

    Cannot find module 'react-use-clipboard' from 'x.tsx'

    However, Jest was able to find:
        './x.tsx'

    You might want to include a file extension in your import, or update your 'moduleFileExtensions', which is currently ['js', 'jsx', 'ts', 'tsx', 'json'].

This issue arose in version 0.1.3
0.1.2 had no issue

I assume its to do the the file extension change in 0.1.3 but you may know better.

Should point out to get around I have mocked it but raised this encase anyone else runs into it