Javascript SDK - toMetaplexFileFromBrowser is not a function ERROR

[BushraHussain]

Hi, I'm working on creating NFT using Metaplex javascript SDK. I need to upload image and video to Arweave (using Bundler storage). I want to use metaplex file type inside SDK. I tried all below functions. Getting same error for all functions

1. toMetaplexFileFromJson
2. toMetaplexFile
3. toMetaplexFile
4. toMetaplexFileFromBrowser

Same error, toMetaplexFileFromBrowser is not a function

import { toMetaplexFileFromBrowser, toMetaplexFileFromJson, toMetaplexFile } from "@metaplex-foundation/js";

const file = toMetaplexFileFromJson({ foo: 42 });

const file = toMetaplexFile('The content of my file', 'my-file.txt');

const buffer = fs.readFileSync('/path/to/my-file.txt');
const file = toMetaplexFile(buffer, 'my-file.txt');

const browserFile: File = event.target.files[0];
const file: MetaplexFile = await toMetaplexFileFromBrowser(browserFile);

Anyone can help?
Thanks in advance

[lorisleiva]

Hi there 👋

Webpack is a bit of a tricky one with crypto-related packages and may require some extra settings.

Did you check the js-examples repository for getting started with Webpack 4 or 5?

https://github.com/metaplex-foundation/js-examples

[BushraHussain]

Hi thanks for response.
Yeah i'm using same example repository and tried same code in connectWallet example and getting started with express (in createNFT.cjs) . Getting same error. TypeError: toMetaplexFileFromBrowser is not a function

[lorisleiva]

I'm afraid I've just tried with both and I can't reproduce. Would you be able to share a public repository with the minimum steps required to reproduce this issue? That way I can clone it and see what's going on.

[BushraHussain]

Yeah sure thanks. I'll create and share in a day

[BushraHussain]

Hi @lorisleiva .
Here's the link to public repo https://github.com/BushraHussain/metaplex-js-sdk
I created a new js module "MintNFT" inside pages folder. Please check and provide your feedback
Thanks in advance

[lorisleiva]

The problem was that you were not using the latest version of the SDK.

Here's a fix: BushraHussain/metaplex-js-sdk#1

[BushraHussain]

Hi @lorisleiva Thank you so much for help. I just tested and it is working :)
More prayers for you and your team. Stay blessed