Error with @web3auth/single-factor-auth

[nisa10880]

Hello

I have an error when trying to use "@web3auth/single-factor-auth": "^4.2.0-alpha.0".
I am working with ReactJS 18 with ViteJS.

✘ [ERROR] No matching export in "node_modules/bowser/src/bowser.js" for import "ENGINE_MAP" node_modules/@toruslabs/customauth/dist/customauth.esm.js:16:17: 16 │ import Bowser, { ENGINE_MAP } from 'bowser';

[Saviour1001]

Hey there, would recommend using the version ^3.3.0 for now.
Use this example as a reference for creating your project.

[nisa10880]

I still have the issue with ^3.3.0

[AlexMaio]

Same here

[edwardchew97]

Having the same error here

[nisa10880]

@web3auth/single-factor-auth depends on @toruslabs/customauth. I think this file should be updated.
https://github.com/torusresearch/CustomAuth/blob/master/src/utils/helpers.ts

There is an import issue.

[AlexMaio]

Hey, I have the same problem on my side if you can fix it

[shahbaz17]

Hey @nisa10880 @AlexMaio @edwardchew97

We have released a fix to this. Please update your packages to the latest and try again. Let us know if you're still facing the issue.

[nisa10880]

I still have this error

✘ [ERROR] No matching export in "node_modules/bowser/src/bowser.js" for import "ENGINE_MAP"
node_modules/@toruslabs/customauth/dist/customauth.esm.js:16:17:
16 │ import Bowser, { ENGINE_MAP } from 'bowser';

As I said in my previous comment I think you need to replace ENGINE_MAP by Bowser.ENGINE_MAP and remove it from import.

https://github.com/torusresearch/CustomAuth/blob/master/src/utils/helpers.ts

[nisa10880]

@shahbaz17 Should I post an issue in torussearch repo ?

[shahbaz17]

Hey @nisa10880

The issue is now fixed. You can check out https://github.com/Web3Auth/examples/tree/main/web-single-factor-auth/react-evm-sfa-example.

Please update the web3auth packages to the latest.

When using SFA and Web3Auth Core SDK together, you would need to use useCoreKitKey: true while initializing the Web3Auth Core SDK.

const web3authCore = new Web3AuthCore({
    clientId,
    chainConfig,
    web3AuthNetwork: "cyan",
    useCoreKitKey: true // <-- this is a new addition, please update your web3auth SDK to latest.
});

[chaitanyapotti]

This is fixed in the latest version. Pls update

[nisa10880]

Thanks, it's working now.