React TypeScript 16.8 How to make useEffect() async

Declaring the effect as async function is not recommended.
But you can call async functions within the effect like following:

useEffect(() => {
  const genRandomKey = async () => {
    console.log(await ecc.randomKey())
  };

  genRandomKey();
}, []);

More here: React Hooks Fetch Data