Fetching MP4 or WEBM Assets with Next.js - Error: Failed to Resolve Asset ID from Source

function videoAssetFor(source) {
  return getFileAsset(source, client.config());
}

const ptComponents = {
  types: {
    videoAnimation: ({ value }) => {
      if (!value.webm || !value.fallback) {
        return null;
      }
      const webmAsset = videoAssetFor(value.webm);
      const fallbackAsset = videoAssetFor(value.fallback);

      return (
        <video title={webmAsset.alt} loop muted autoPlay playsInline>
          <source src={webmAsset.url} type={`video/${webmAsset.extension}`} />
          <source src={fallbackAsset.url} type={`video/${fallbackAsset.extension}`}
          />
        </video>
      );
    },
....more code