diff --git a/components/account-select.tsx b/components/account-select.tsx
index e1eb159b85f16a2c4d9af346c02c21d9877f336a..a766cb9951ede5ce9ff55f3ec4c424b42347d8d0 100644
--- a/components/account-select.tsx
+++ b/components/account-select.tsx
@@ -1,10 +1,12 @@
-import { useContext } from 'react';
+import { useState } from 'react';
 import Identicon from '@polkadot/react-identicon';
+import { usePolkadotExtensionWithContext } from '@/context/polkadotExtensionContext';
+
 import 'primereact/resources/themes/md-dark-indigo/theme.css'
 import 'primereact/resources/primereact.min.css'    
 import { Dropdown } from 'primereact/dropdown'
 import styles from '@/styles/Home.module.css'
-import { usePolkadotExtensionWithContext } from '@/context/polkadotExtensionContext';
+
 
 export const accountValueTemplate = (option: any, props: any) => {
     if ( option ) {
@@ -43,6 +45,8 @@ export const accountOptionTemplate = (option: any) => {
 export default function AccountSelector( ) {
     const { accounts, actingAccount, setActingAccountIdx } = usePolkadotExtensionWithContext()
 
+    const [accounts,setAccounts] = useState([])
+
     return (
         <Dropdown 
             options={ accounts ?? undefined }
diff --git a/components/login.tsx b/components/login.tsx
index 695ed5e72a31ec0bd0bfa251cee6673fce0eda60..66acd2db7abbdc509badd47dae4fae7eaec3e35b 100644
--- a/components/login.tsx
+++ b/components/login.tsx
@@ -1,4 +1,4 @@
-import { useContext, useState } from "react";
+import { useState } from "react";
 
 import { useSession, signIn, signOut, getCsrfToken } from "next-auth/react"
 import AccountSelect from "./account-select";