diff --git a/src/App.tsx b/src/App.tsx
index 6654589..843fcbb 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -8,7 +8,8 @@ import './index.css'
import { Content } from './Content'
import 'dot-connect/font.css'
import { config } from './walletConfigs'
-import { ReDotProvider } from '@reactive-dot/react'
+import { ReDotProvider, ReDotChainProvider } from '@reactive-dot/react'
+import { Suspense } from 'react'
const App = () => {
const [settings] = useLocalStorage('fellowship-settings', {
@@ -19,15 +20,19 @@ const App = () => {
<>
-
-
-
+
+
+
+
+
+
+
diff --git a/src/header.tsx b/src/header.tsx
index e42fd56..0552043 100644
--- a/src/header.tsx
+++ b/src/header.tsx
@@ -12,7 +12,6 @@ import { Button } from '@/components/ui/button'
import { routes } from '@/lib/utils'
import { Settings2, PanelLeft } from 'lucide-react'
-// import { useAccounts } from '@reactive-dot/react'
import {
Menubar,
@@ -25,14 +24,6 @@ import {
} from '@/components/ui/menubar'
export const Header = () => {
- // const accounts = useAccounts()
- // Error: No chain ID provided
-
- // const accounts = useAccounts({ chainId: 'polkadot' })
-
- // console.log('accounts', accounts)
- // getting infinite loop, although it's a working rpc
- // Unable to connect to wss://dot-rpc.stakeworld.io ws-provider.ts:18:18
return (