> ## 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

> Задайте эндпоинты Tenderly Node RPC в качестве RPC URL для evmNetworks в DynamicContextProvider для вашего React-dapp.

[Dynamic](https://docs.dynamic.xyz) — это платформа, предоставляющая удобные решения для аутентификации в Web3-приложениях: интеллектуальные потоки входа, простую регистрацию и инструменты для разработчиков, повышающие удобство и функциональность для пользователей. Используйте [Node RPC](/node-rpc/overview) как RPC-провайдера для настраиваемых сетей EVM, а список поддерживаемых методов смотрите в [справочнике JSON-RPC](/node-rpc/rpc-reference).

<Steps>
  ### Определите сети EVM

  Создайте список конфигураций сетей с Node 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

  Настройте `DynamicContextProvider` с `evmNetworks` из шага 1.

  ```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>
