nftStorageUploader on Next.js App throws polyfill error

[berkaycirak]

Hi, I want to make a section on my dapp to mint an nft. To do that, I need to upload images to ipfs but that code throws me error on frontend. Does anyone have that issue before?

import { mplCore } from "@metaplex-foundation/mpl-core";
import { GenericFile } from "@metaplex-foundation/umi";
import { createUmi } from "@metaplex-foundation/umi-bundle-defaults";
import { nftStorageUploader } from "@metaplex-foundation/umi-uploader-nft-storage";
import { clusterApiUrl } from "@solana/web3.js";

const MintNFTSection = () => {
  const umi = createUmi(clusterApiUrl("devnet")).use(mplCore());
  umi.use(
    nftStorageUploader({
      token: "60b43e86.cec3fd1101fe4cb38d32e4048c72eb41",
    }),
  );

  const mintNFT = async (imageFile: GenericFile) => {
    const [imageUri] = await umi.uploader.upload([imageFile]);
  };
  return <div>MintNFTSection</div>;
};

export default MintNFTSection;

ERROR

[bdeak4]

we have same issue here, did you manage to resolve this?

[berkaycirak]

I have solved it without using nftStorageUploader :), I have uploaded it using default uploader of umi

import { createBundlrUploader } from '@metaplex-foundation/umi-uploader-bundlr';

const uploader = createBundlrUploader(umi);
const jsonURI = await uploader.uploadJson(metadata);