fix extension logic

components/account-select.tsx

@@ -5,6 +5,7 @@ import 'primereact/resources/primereact.min.css'
 import { Dropdown } from 'primereact/dropdown'
 import styles from '@/styles/Home.module.css'
 import { usePolkadotExtension } from '@/hooks/use-polkadot-extension';
+import { usePolkadotExtensionWithContext } from '@/context/polkadotExtensionContext';
 
 export const accountValueTemplate = (option: any, props: any) => {
     if ( option ) {
@@ -41,7 +42,7 @@ export const accountOptionTemplate = (option: any) => {
 };
 
 export default function AccountSelector( ) {
-    const { accounts, actingAccount, setActingAccountIdx } = usePolkadotExtension()
+    const { accounts, actingAccount, setActingAccountIdx } = usePolkadotExtensionWithContext()
 
     return (
         <Dropdown 

components/login.tsx

@@ -8,7 +8,7 @@ import { useRouter } from "next/router";
 import styles from '@/styles/Home.module.css'
 import { Inter } from "next/font/google";
 import Link from "next/link";
-import { usePolkadotExtension } from "@/hooks/use-polkadot-extension";
+import { usePolkadotExtensionWithContext } from "@/context/polkadotExtensionContext";
 const inter = Inter({ subsets: ['latin'] })
 
 export default function LoginButton() {
@@ -16,7 +16,7 @@ export default function LoginButton() {
   const [error, setError] = useState<string | undefined>(undefined)
   const [isLoading, setIsLoading] = useState( false )
 
-  const { accounts, actingAccount, injector } = usePolkadotExtension()
+  const { accounts, actingAccount, injector } = usePolkadotExtensionWithContext()
   // we can use web3FromSource which will return an InjectedExtension type
 
   const handleLogin = async () => {