diff --git a/packages/ui/src/components/ConnectModal/ConnectModal.svelte b/packages/ui/src/components/ConnectModal/ConnectModal.svelte
index df0cdaa..dd43bc4 100644
--- a/packages/ui/src/components/ConnectModal/ConnectModal.svelte
+++ b/packages/ui/src/components/ConnectModal/ConnectModal.svelte
@@ -4,14 +4,19 @@
 	import copyEN from '../../copy/copy.EN.js'
 	import Modal from '../Common/Modal.svelte'
 	import Scannable from './Scannable.svelte'
-	import type { ConfigConnected, ConfigDisconnected, Connector, StateConnected, StateDisconnected } from '@fractl-ui/types'
-	import type { Readable} from 'svelte/store'
-
-	export let config: ConfigDisconnected
+	import type {
+		ConfigConnected,
+		ConfigDisconnected,
+		Connector,
+		StateDisconnected
+	} from '@fractl-ui/types'
+	import type { Readable } from 'svelte/store'
+
+	export let config: ConfigDisconnected<Connector>
 	export let state: Readable<StateDisconnected<Connector>>
 	export let btnClass = ''
 	export let triggerText = 'Connect Wallet'
-	export let onConnect: (status: StateConnected<Connector>) => void
+	export let onConnect: (fractl: ConfigConnected<Connector>) => void
 	export let onConnectFail: (error: Error) => void
 
 	let open: () => void
@@ -22,8 +27,10 @@
 	// export let accountStatus: string
 	// export let chainStatus
 	// export let showBalance: string
-	onMount(()=> open())
-	onDestroy(()=>{close()})
+	onMount(() => open())
+	onDestroy(() => {
+		close()
+	})
 	$: if ($state.status === 'connected') close()
 
 	let activeRequest: Connector | null = null //config.connectors[3]
@@ -36,7 +43,7 @@
 			// console.debug('config.state: ', $state.status)
 			activeRequest = connector
 			await config.connect(connector)
-			onConnect({config, accountData: config.accountData})
+			onConnect(config)
 		} catch (error) {
 			onConnectFail(error)
 			// console.error('caught: ', error)
@@ -151,8 +158,8 @@
 		{/if}
 	</div>
 </Modal>
-<style>
 
+<style>
 	.hide {
 		display: none;
 		opacity: 0;
diff --git a/packages/ui/src/components/index.ts b/packages/ui/src/components/index.ts
index a2b0210..bcf0e9b 100644
--- a/packages/ui/src/components/index.ts
+++ b/packages/ui/src/components/index.ts
@@ -3,13 +3,15 @@ import AccountModal from './AccountModal.svelte'
 import FractlModal from './FractlModal.svelte'
 import type { Config, Connector, StateConnected } from '@fractl-ui/types'
 
-export const create = async <C extends Connector>(config: Promise<Config<C>>) => {
-	let _config = await Promise.resolve(config)
+export const create = async <C extends Connector>(
+	config: Promise<Config<C>>
+) => {
+	const _config = await Promise.resolve(config)
 
 	//TODO: return singleton when modal is dismissed without completing connection
 	return () => {
-		const getTarget = () =>  document.body
-		
+		const getTarget = () => document.body
+
 		return new Promise((resolve, reject) => {
 			const modal = new ConnectModal({
 				target: getTarget(),