Mobile App Wallet not launching from PWA

[ms-safiq]

Hey ,

I have built wallet connect in angular ts web project. when i try to access from mobile browser, its simply launching the wallet connect and when i click on metamask, its not launching my metamask mobile app. It stays on the same screen. How do i properly launch the mobile app when i launching from mobile browser? Basically its struck as seen in the image attached. its not launching any app chooser. Am i missing any configuration? Below is my code

`const projectId = environment.wcProjectId;

const chainOptions: any = {
  chainId: Number(environment.chainId),
  name: environment.chainName,
  currency: environment.currency,
  explorerUrl: environment.explorerUrl,
  rpcUrl: environment.rpcUrl,
};

const metadata = {
  name: "Test",
  description: environment.selfDomain,
  url: environment.selfDomain,
  icons: [environment.selfDomain + "/assets/icons/logo.svg"],
};

const ethersConfig = defaultConfig({
  auth: {
    email: false,
    socials: [],
    showWallets: true,
    walletFeatures: true,
  },
  enableInjected: true,
  metadata,
});

this.wcModal = createWeb3Modal({
  ethersConfig,
  chains: [chainOptions],
  projectId,
  enableOnramp: true,
});`

I am using Appkit ehters javascript library

@rtomas Please guide

[rtomas]

Hi!
Please share a minimal reproducible example ?
So we can double check the issue.

Thanks

[ms-safiq]

@rtomas

[ms-safiq]

@rtomas Any updates would be really helpful

[ms-safiq]

@rtomas Basically the copy link is not generating any wc: format. What am i missing in the configuration?

[ms-safiq]

@rtomas Wallet connect QR is not generating when launching from mobile browser.

[rtomas]

would you mind sharing a repository for a functional minimal reproducible example ? so I can test what your problem is ?

if QR is not generating. please also share your console errors.