> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dynamic.xyz/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# WalletConnectConnector

> This is Dynamic's WalletConnect connector over the basic wallet interface. This can be used to interact with the users WalletConnect wallets. It has all methods available in the [WalletConnector](https://dynamic.xyz/docs/react-sdk/objects/walletconnector) and some additional method specific to WalletConnect wallets.

<Card title="Recommended: JavaScript SDK with React Hooks" icon="react" color="#4779FE">
  For new React apps, we recommend the JavaScript SDK with React Hooks (`@dynamic-labs-sdk/react-hooks`) instead of the legacy React SDK documented here. The JS SDK comes with many benefits such as a much smaller bundle size and other optimizations. Use the [React quickstart (JavaScript SDK)](/javascript/reference/react-quickstart) to get started.
</Card>

<Warning>IWalletConnectConnector is available in SDK v2.0.0+.</Warning>

| Field                                     | Description                                                                                                                                                                              |
| ----------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| getSupportedNetworks: Promise\<string\[]> | A method to retrieve the supported/approved networks for the WalletConnect wallet. Some wallets will only allow approve a network if the user manually switches in the wallet app first. |

## Interface definition

```ts theme={"system"}
interface IWalletConnectConnector {
  getSupportedNetworks: Promise<string[]>
};
```

### How to use it

In this example, we are going to return all supported networks for the wallet connector.

```JavaScript theme={"system"}
import { useDynamicContext } from '@dynamic-labs/sdk-react-core';
import { isWalletConnectConnector } from '@dynamic-labs/wallet-connector-core';

const MyComponent = () => {
  const { primaryWallet } = useDynamicContext();

  const getWCSupportedNetworks = async () => {
    if (!isWalletConnectConnector(primaryWallet?.connector)) {
      return;
    }

    const supportedNetworks = await primaryWallet.connector.getSupportedNetworks();

    console.log('supportedNetworks', supportedNetworks);

    return supportedNetworks;
  };

  ...
};
```