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

# Dynamic - Node RPC Integration

> अपने React dapp के लिए Dynamic के DynamicContextProvider में evmNetworks RPC URLs के रूप में Tenderly Node RPC endpoints सेट करें।

[Dynamic](https://docs.dynamic.xyz) एक ऐसा प्लेटफ़ॉर्म है जो Web3 एप्लिकेशन के लिए सहज authentication समाधान प्रदान करता है, बेहतर उपयोगकर्ता अनुभव और कार्यक्षमता के लिए स्मार्ट लॉगिन फ़्लो, आसान onboarding प्रक्रिया, और डेवलपर टूल्स ऑफ़र करता है। आप जिन EVM नेटवर्क्स को कॉन्फ़िगर करते हैं, उनके लिए RPC प्रदाता के रूप में [Node RPC](/node-rpc/overview) का उपयोग करें, और समर्थित मेथड्स के लिए [JSON-RPC reference](/node-rpc/rpc-reference) देखें।

<Steps>
  ### EVM Networks परिभाषित करें

  Node RPC RPC के साथ नेटवर्क्स कॉन्फ़िगरेशन की एक सूची बनाएं।

  ```ts title="tenderlyEvemNetworks.ts" showLineNumbers {17, 32, 48} theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
  export function tenderlyEvmNetworks(){
    // Setting up list of evmNetworks
    return [
      {
        blockExplorerUrls: ['https://etherscan.io/'],
        chainId: 1,
        chainName: 'Ethereum Mainnet',
        iconUrls: ['https://app.dynamic.xyz/images/networks/eth.svg'],
        name: 'Ethereum',
        nativeCurrency: {
          decimals: 18,
          name: 'Ether',
          symbol: 'ETH',
        },
        networkId: 1,

        rpcUrls: [`https://mainnet.gateway.tenderly.co/${process.env.NEXT_PUBLIC_TENDERLY_NODE_ACCESS_KEY_MAINNET}`],
        vanityName: 'ETH Mainnet',
      },
    {
        blockExplorerUrls: ['https://basescan.org/'],
        chainId: 8453,
        chainName: 'Base',
        iconUrls: ['https://app.dynamic.xyz/images/networks/base.svg'],
        name: 'Base',
        nativeCurrency: {
          decimals: 18,
          name: 'Ether',
          symbol: 'ETH',
        },
        networkId: 8453,
        rpcUrls: [`https://base.gateway.tenderly.co/${process.env.NEXT_PUBLIC_TENDERLY_NODE_ACCESS_KEY_BASE}`],

        vanityName: 'Base',
      },
      {
        blockExplorerUrls: ['https://polygonscan.com/'],
        chainId: 137,
        chainName: 'Matic Mainnet',
        iconUrls: ["https://app.dynamic.xyz/images/networks/polygon.svg"],
        name: 'Polygon',
        nativeCurrency: {
          decimals: 18,
          name: 'MATIC',
          symbol: 'MATIC',
        },
        networkId: 137,
        rpcUrls: [`https://mainnet.gateway.tenderly.co/${process.env.NEXT_PUBLIC_TENDERLY_NODE_ACCESS_KEY_POLYGON}`],
        vanityName: 'Polygon',
      },
    ];
  }
  ```

  ### Dynamic Context Provider कॉन्फ़िगर करें

  चरण 1 के `evmNetworks` के साथ एक `DynamicContextProvider` कॉन्फ़िगर करें।

  ```tsx title="Web3Provider.tsx" showLineNumbers theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
  import { DynamicContextProvider } from '@dynamic-labs/sdk-react-core'
  import { EthereumWalletConnectors } from '@dynamic-labs/ethereum'
  import { tenderlyEvmNetworks } from './tenderlyEvmNetworks'

  export const App = () => {
    return (
      <DynamicContextProvider
        settings={{
          // Find your environment id at https://app.dynamic.xyz/dashboard/developer
          environmentId: "REPLACE-WITH-YOUR-ENVIRONMENT-ID",
          walletConnectors: [EthereumWalletConnectors],
          evmNetworks: tenderlyEvmNetworks()
        }}
      >
        <Home />
      </DynamicContextProvider>
    );
  };
  ```
</Steps>