I'm trying to use the blurHashFromUrl in my React project, bootstrapped with Vite. I'm using TypeScript also. But every time I use the blurHashFromUrl, my navigator show me the following error:

This is the code:

import React, { useState, useLayoutEffect } from 'react';
import { Blurhash } from 'react-blurhash';
import { blurhashFromURL } from 'blurhash-from-url';

type LazyImageProps = {
  src: string;
  alt: string;
  className: string;
};

export default function LazyImage({ src, alt, className }: LazyImageProps) {
  const [imageLoaded, setImageLoaded] = useState(false);
  const [hashedImage, setHashedImage] = useState('');

  useLayoutEffect(() => {
    const img = new Image();

    const hash = async () => {
      const result = await blurhashFromURL(src);
      setHashedImage(result.encoded);
    };

    hash();

    img.onload = () => setImageLoaded(true);
    img.src = src;
  }, [src]);

  return (
    <>
      {imageLoaded ? (
        <img src={src} alt={alt} loading="lazy" className={className} />
      ) : (
        <Blurhash
          hash={hashedImage}
          width={200}
          height={200}
          resolutionX={32}
          resolutionY={32}
          punch={1}
        />
      )}
    </>
  );
}

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Datasource	Name	Replacement PR?
npm	@types/sharp
npm	rollup-plugin-terser

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

• chore(deps): replace dependency rollup-plugin-terser with @rollup/plugin-terser ^0.1.0
• fix(deps): update dependency image-size to v1.1.1
• chore(deps): update actions/checkout action to v4
• chore(deps): update actions/setup-node action to v4
• chore(deps): update dependency rimraf to v6
• chore(deps): update dependency rollup to v4
• chore(deps): update dependency typescript to v5
• 🔐 Create all rate-limited PRs at once 🔐

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• fix(deps): update dependency sharp to ^0.32.0 [security]
• chore(deps): update dependency @types/node-fetch to v2.6.11
• chore(deps): update actions/checkout action to v3.6.0
• chore(deps): update actions/setup-node action to v3.8.2
• chore(deps): update dependency @types/sharp to ^0.32.0
• chore(deps): update dependency rollup to v2.79.1
• chore(deps): update dependency rollup-plugin-typescript2 to ^0.36.0
• chore(deps): update dependency typescript to v4.9.5
• fix(deps): update dependency node-fetch to v2.7.0
• fix(deps): update dependency blurhash to v2
• fix(deps): update dependency node-fetch to v3
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository