Getting error while calling "tKey.initialize()" ERROR: Custom require either serviceProvider or priv key in getGenericMetadataWithTransitionStates

[ckshitij]

Getting below error while initializing the tKey SDK, it's working fine on the chrome browser but throwing an error on firefox and safari.

Error response

{"name":"CoreError","code":1000,"message":"Custom require either serviceProvider or priv key in getGenericMetadataWithTransitionStates"}

Code Snippet

// 1. Setup Service Provider
const directParams = {
    baseUrl: `${window.location.origin}/serviceworker`,
    enableLogging: true,
    network: "testnet" as any,
};
const serviceProvider = new TorusServiceProvider({ customAuthArgs: directParams });
  
// 2. Initializing tKey
const webStorageModule = new WebStorageModule();
const securityQuestionsModule = new SecurityQuestionsModule();
const shareTransferModule = new ShareTransferModule();
const storageLayer = new TorusStorageLayer({ hostUrl: "https://metadata.tor.us" });
  
 // Creating the ThresholdKey instance
export  const tKey = new ThresholdKey({
    serviceProvider: serviceProvider,
    storageLayer,
    modules: { webStorage: webStorageModule, securityQuestions: securityQuestionsModule, shareTransfer: shareTransferModule },
});

Actual function call using the same tKey instance:

const loginUsingLocalShare = async () => {
      try {
        await triggerLogin();
        await tKey.initialize();

        try {
           console.log("Adding local web storage share");
            const webStorageModule = tKey.modules["webStorage"] as WebStorageModule;
            await webStorageModule.inputShareFromWebStorage(); // 2/2 flow
        } catch (error) {
            console.error(error);
            await inputShareFromSecurityQuestions(); // <-- We'll address this later in this guide.
        }

        const { requiredShares } = tKey.getKeyDetails();
        if (requiredShares <= 0) {
            const indexes = tKey.getCurrentShareIndexes();
            const shares = tKey.shares;
            const reconstructedKey = await tKey.reconstructKey();
        }
        
        const reconstructedKey = await tKey.reconstructKey();
        const metaData = tKey.getMetadata();
        console.log(metaData);

        await performBlockchainOps(reconstructedKey.privKey.toString("hex"));

      } catch (error) {
        console.error(error)
      }
    };

Could anyone please suggest the root cause, initially I thought it might be caused due to blocking pop-ups, but even after disabling the pop-up blocking it wasn't working.
Does it related to the service worker scripts? I have used the same script which is mentioned in the tkey-example (service-worker.ts and serviceWorkerRegistration.ts).

[ihor-repela]

Same issue on my side

[Sam44323]

This is happening on my side as well @chaitanyapotti , can we PLEASE get some assistance on this?

[satyam-raikar]

You need to setup service worker properly.
If you are using React/Angular and are using builds make sure you have service worker file in the public directory/path you have provided.

You can refer this for more info - https://web3auth.io/docs/sdk/tkey/install#service-worker

[Sam44323]

We are using this very same service-worker @satyam-raikar

[satyam-raikar]

placing the same serviceworker folder and file in the build/public directory worked for me

[chaitanyapotti]

Did you also add redirect.html file?

[shisukeUrahara]

hi @chaitanyapotti , i am facing the same issue. I am not making a build , just running the app at local machine. I even have the service worker setup in the public folder. But still facing the same issue when i call tKey.initialize()

[raphaelbharel]

same issue

[piv0vip]

I have the same issue. tKey version -> 11.0.2

[0xdeployer]

Getting this error when using the redirect flow and the following code

Edit: Issue is that privateKey does not exist on result. What key do we use?

  const init = async () => {
      // Initialization of Service Provider
      try {
        // Init is required for Redirect Flow but skip fetching sw.js and redirect.html )
        (tKey.serviceProvider as any).init({ skipInit: true });
        if (
          window.location.pathname === "/auth" &&
          window.location.hash.includes("#state")
        ) {
          let result = await (
            tKey.serviceProvider as any
          ).customAuthInstance.getRedirectResult();
          tKey.serviceProvider.postboxKey = new BN(
            (result.result as any).privateKey!,
            "hex"
          );
          console.log("Initialize");
          await tKey.initialize();
          console.log("INITIALIZED");
   
        }
      } catch (error) {
        console.error(error);
      }
    };