Data Fetching with React 19

 const generateQRCode = async () => {
  return await QRCode.toDataURL("https://x.com/wadadparker")
}

const TicketCard = () => {

  // const qrCode = use(generateQRCode)
  const [qrCode,setQrCode] = useState(null);

  useEffect(()=>{
    const asyncCall = async() => {
      try{
        const data = await generateQRCode();
        if(data)
          setQrCode(data)
      }
      catch(error) { console.log(error)}
    }
    asyncCall()
  },[])

  return (
    <aside className="flex flex-col items-center justify-around w-full h-full bg-bg-light "
     style={{clipPath:"polygon(7% 1.5%,99.7% 0.4%,100% 94%,1% 95.65%)"}}>
      <header className="" style={{WebkitTextStroke:"1.84px black",textShadow:"3.68px 4.29px 0 black"}}>
        <h1 className="text-primary-dark font-bold text-6xl text-nowrap">ANIME CON</h1>
        <h2 className="text-primary-dark font-bold text-5xl">Hubli</h2>
      </header>
      <img className="w-80 object-cover bg-transparent" src={qrCode} />
      dwd
    </aside>
  )
} 

An unsupported type was passed to use(): async () => {
  return await QRCode.toDataURL("https://x.com/wadadparker");
}