fix: improve custom chains provisioning and eslint conflicts

.eslintrc

@@ -1,4 +1,4 @@
 {
   "root": true,
-  "extends": ["react-app", "plugin:prettier/recommended", "./.eslintrc.base"]
+  "extends": ["react-app", "./.eslintrc.base", "plugin:prettier/recommended"]
 }

example-next/.eslintrc.cjs

@@ -26,6 +26,8 @@ const config = {
         argsIgnorePattern: '^_',
       },
     ],
+    'jsx-quotes': 'off',
+    'import/no-default-export': 'off',
     '@typescript-eslint/require-await': 'off',
     '@typescript-eslint/no-misused-promises': [
       'error',

example-next/src/app/wallets/mynearwallet/page.tsx

@@ -40,7 +40,7 @@ export default function NearPage() {
 
   return (
     <div>
-      <h1 className='text-lg font-semibold'>Oh, I see you're trying to connect to My Near Wallet.</h1>
+      <h1 className='text-lg font-semibold'>Oh, I see you are trying to connect to My Near Wallet.</h1>
       <h2 className='text-center text-neutral-300 mt-2'>Please wait...</h2>
     </div>
   );

example-next/src/components/ConnectedAccounts.tsx

@@ -1,5 +1,5 @@
 import {
-  ConnectedAccount,
+  type ConnectedAccount,
   useAccounts,
   useChain,
   useConnect,

example-next/src/components/Example.tsx

@@ -1,5 +1,5 @@
 import {
-  ChainId,
+  type ChainId,
   useChain,
   useChains,
   useCurrentAccount,

example-next/src/components/Providers.tsx

@@ -1,8 +1,8 @@
 'use client';
-import { CosmsosChainType, TangledContextProvider, solana } from '@noble-assets/tangled-react';
+import { type CosmsosChainType, TangledContextProvider, solana } from '@noble-assets/tangled-react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 
 const dydx: CosmsosChainType = {
   id: 'dydx-mainnet-1' as `${string}-${number}`,

example-next/src/components/Tokens.tsx

@@ -1,4 +1,4 @@
-import { ETH_ADDRESS, SOL_ADDRESS, TokenMetadata, useChain, useToken } from '@noble-assets/tangled-react';
+import { ETH_ADDRESS, SOL_ADDRESS, type TokenMetadata, useChain, useToken } from '@noble-assets/tangled-react';
 
 export const Tokens = () => {
   return (

packages/react/src/utils/createChainConfigs.ts

@@ -1,5 +1,4 @@
-import { CHAIN_DATA, CHAIN_NAME } from '../constants/index.js';
-import { Chain, ChainConfig, ChainData, ChainId, SupportedChainsByType } from '../types/index.js';
+import { Chain, ChainConfig, SupportedChainsByType } from '../types/index.js';
 import getDefaultSupportedChains from './getDefaultSupportedChains.js';
 
 const createChainConfigs = (
@@ -11,24 +10,17 @@ const createChainConfigs = (
 
 const overrideChainConfig = (
   chainsByType: Partial<SupportedChainsByType>,
-  overrides: Partial<Record<Chain, ChainConfig>> | undefined,
+  overrides: Partial<Record<string, ChainConfig>> | undefined,
 ) => {
   const supportedChains = getDefaultSupportedChains();
 
-  for (const chains of Object.values(chainsByType)) {
-    for (const chain of chains) {
-      if (supportedChains[chain.type].some((c) => c.id === chain.id)) {
-        continue;
-      }
-      // todo: simplify... this is a bit redundant
-      const chainId = chain.id.toString() as ChainId;
-      const chainData = {
-        ...(CHAIN_DATA[chainId] ?? chain),
-        ...overrides?.[CHAIN_NAME[chainId] ?? chain.name],
-      } as ChainData;
-
-      // @ts-expect-error - resolves to never
-      supportedChains[chain.type].push(chainData);
+  for (const [type, chains] of Object.entries(chainsByType)) {
+    if (chains?.length) {
+      // @ts-expect-error key can be indexed with string
+      supportedChains[type as keyof SupportedChainsByType] = chains.map((chain) => ({
+        ...chain,
+        ...overrides?.[chain.name],
+      }));
     }
   }
 

packages/react/src/utils/getDefaultSupportedChains.ts

@@ -4,7 +4,7 @@ import * as evm from '../chains/evm.js';
 import { near } from '../chains/near.js';
 import { solana } from '../chains/solana.js';
 import { sui } from '../chains/sui.js';
-import { CosmsosChainType, EVMChain, OtherChainData, SuiChainType, SupportedChainsByType } from '../types/index.js';
+import { SupportedChainsByType } from '../types/index.js';
 
 const getDefaultSupportedChains = (): SupportedChainsByType => {
   const supportedChains: SupportedChainsByType = {
@@ -34,12 +34,12 @@ const getDefaultSupportedChains = (): SupportedChainsByType => {
     evm.polygonZkEvm,
     evm.scroll,
     evm.zkSync,
-  ] as EVMChain[];
-  supportedChains.cosmos = [cosmos.osmosis, cosmos.injective, cosmos.noble] as CosmsosChainType[];
-  supportedChains.solana = [solana] as OtherChainData<'solana'>[];
-  supportedChains.sui = [sui] as SuiChainType[];
-  supportedChains.near = [near] as OtherChainData<'near'>[];
-  supportedChains.bitcoin = [bitcoin] as OtherChainData<'bitcoin'>[];
+  ];
+  supportedChains.cosmos = [cosmos.osmosis, cosmos.injective, cosmos.noble];
+  supportedChains.solana = [solana];
+  supportedChains.sui = [sui];
+  supportedChains.near = [near];
+  supportedChains.bitcoin = [bitcoin];
 
   return supportedChains;
 };