The Environment

Next.js v13 (stable, no ./app folder) is running with Node v18 in Ubuntu WSL.

As per de which is to be expected as an UUID function always returns a different result.

CodePudding user response：

Browsers restrict access to some crypto APIs when not running in a secure context (as defined here).

CodePudding user response：

Set it to state in a useEffect hook when page initially loads so it persist and then render it from state.

const Crypto = () => {
 const [randomUUID, setRandomUUID] = useState();

 useEffect((
  if (typeof window !== 'undefined' && !randomUUID) {
   setRandomUUID(crypto.randomUUID());
  }
 ),[]);

 if(!randomUUID) <>No UUID</>;
 return <>{randomUUID}</>
}

export default Crypto;