diff --git a/docs/package.json b/docs/package.json
index 22bbba9b3..5990eb1ff 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -52,7 +52,7 @@
     "@web3-onboard/blocto": "^2.0.0-alpha.1",
     "@web3-onboard/cede-store": "^2.0.2",
     "@web3-onboard/coinbase": "^2.2.4",
-    "@web3-onboard/core": "^2.20.2-alpha.1",
+    "@web3-onboard/core": "^2.20.3-alpha.1",
     "@web3-onboard/dcent": "^2.2.7",
     "@web3-onboard/enkrypt": "^2.0.4",
     "@web3-onboard/fortmatic": "^2.0.19",
@@ -61,7 +61,7 @@
     "@web3-onboard/gas": "^2.1.8",
     "@web3-onboard/gnosis": "^2.1.10",
     "@web3-onboard/infinity-wallet": "^2.0.4",
-    "@web3-onboard/injected-wallets": "^2.10.1-alpha.1",
+    "@web3-onboard/injected-wallets": "^2.10.1",
     "@web3-onboard/keepkey": "^2.3.7",
     "@web3-onboard/keystone": "^2.3.7",
     "@web3-onboard/ledger": "^2.4.6",
diff --git a/docs/src/routes/docs/[...3]modules/[...1]core/+page.md b/docs/src/routes/docs/[...3]modules/[...1]core/+page.md
index 2a9472b03..13eb3608b 100644
--- a/docs/src/routes/docs/[...3]modules/[...1]core/+page.md
+++ b/docs/src/routes/docs/[...3]modules/[...1]core/+page.md
@@ -223,6 +223,18 @@ type RecommendedInjectedWallets = {
 }
 ```
 
+**`updateAppMetadata`**
+
+If you need to update your Application Metadata after initialization, you can call the `updateAppMetadata` function with the new configuration
+
+```typescript
+onboard.state.actions.updateAppMetadata({
+  logo: `<svg width="100%" height="100%" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0L0.0100002 6L4 10L0.0100002 14.01L0 20H12V14L8 10L12 6.01V0H0ZM10 14.5V18H2V14.5L6 10.5L10 14.5Z" fill="#929BED"/>
+  </svg>`,
+  description: 'Updated Description!'
+})
+```
+
 ---
 
 #### connect
diff --git a/docs/src/routes/docs/[...4]wallets/[...24]walletconnect/+page.md b/docs/src/routes/docs/[...4]wallets/[...24]walletconnect/+page.md
index 5563381c8..7469bf8ae 100644
--- a/docs/src/routes/docs/[...4]wallets/[...24]walletconnect/+page.md
+++ b/docs/src/routes/docs/[...4]wallets/[...24]walletconnect/+page.md
@@ -1,5 +1,5 @@
 ---
-title: Walletconnect
+title: WalletConnect
 ---
 
 # {$frontmatter.title}
@@ -116,7 +116,16 @@ const onboard = Onboard({
   wallets: [
     walletConnect
     //... other wallets
-  ]
+  ],
+  chains: [ // chains that are passed as optional chains to WC wallet after cleaning and parsing as number[]
+      {
+        id: '0x89',
+        token: 'MATIC',
+        label: 'Polygon',
+        rpcUrl: 'https://matic-mainnet.chainstacklabs.com'
+      }
+      // ...
+    ]
 })
 
 const connectedWallets = await onboard.connectWallet()
diff --git a/packages/core/README.md b/packages/core/README.md
index 4588eec01..29185c9b7 100644
--- a/packages/core/README.md
+++ b/packages/core/README.md
@@ -193,6 +193,20 @@ type RecommendedInjectedWallets = {
 }
 ```
 
+**`updateAppMetadata`**
+
+If you need to update your Application Metadata after initialization, you can call the `updateAppMetadata` function with the new configuration
+
+```typescript
+onboard.state.actions.updateAppMetadata({
+  logo: `<svg width="100%" height="100%" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0L0.0100002 6L4 10L0.0100002 14.01L0 20H12V14L8 10L12 6.01V0H0ZM10 14.5V18H2V14.5L6 10.5L10 14.5Z" fill="#929BED"/>
+  </svg>`,
+  description: 'Updated Description!'
+})
+```
+
+---
+
 **`connect`**
 An object that allows for customization of the Connect Modal and accepts the type ConnectModalOptions.
 
diff --git a/packages/core/package.json b/packages/core/package.json
index 9bf6c3e1b..0d012e3a8 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/core",
-  "version": "2.20.2",
+  "version": "2.20.3",
   "description": "Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardized spec compliant web3 providers for all supported wallets, framework agnostic modern javascript UI with code splitting, CSS customization, multi-chain and multi-account support, reactive wallet state subscriptions and real-time transaction state change notifications.",
   "keywords": [
     "Ethereum",
diff --git a/packages/core/src/configuration.ts b/packages/core/src/configuration.ts
index a05769039..b1687f78d 100644
--- a/packages/core/src/configuration.ts
+++ b/packages/core/src/configuration.ts
@@ -3,7 +3,6 @@ import { getDevice } from './utils.js'
 
 export let configuration: Configuration = {
   svelteInstance: null,
-  appMetadata: null,
   apiKey: null,
   device: getDevice(),
   initialWalletInit: [],
diff --git a/packages/core/src/constants.ts b/packages/core/src/constants.ts
index 073ace4f8..e4a0e7989 100644
--- a/packages/core/src/constants.ts
+++ b/packages/core/src/constants.ts
@@ -26,7 +26,8 @@ export const APP_INITIAL_STATE: AppState = {
   connect: {
     showSidebar: true,
     disableClose: false
-  }
+  },
+  appMetadata: null,
 }
 
 export const STORAGE_KEYS = {
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index 1d102b069..8f14541b8 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -32,7 +32,8 @@ import {
   setPrimaryWallet,
   setWalletModules,
   updateConnectModal,
-  updateTheme
+  updateTheme,
+  updateAppMetadata
 } from './store/actions.js'
 import type { PatchedEIP1193Provider } from '@web3-onboard/transaction-preview'
 import { getBlocknativeSdk } from './services.js'
@@ -53,7 +54,8 @@ const API = {
       updateBalances,
       updateAccountCenter,
       setPrimaryWallet,
-      updateTheme
+      updateTheme,
+      updateAppMetadata
     }
   }
 }
@@ -92,7 +94,7 @@ function init(options: InitOptions): OnboardAPI {
   const {
     wallets,
     chains,
-    appMetadata = null,
+    appMetadata,
     i18n,
     accountCenter,
     apiKey,
@@ -208,7 +210,6 @@ function init(options: InitOptions): OnboardAPI {
   const app = svelteInstance || mountApp(theme, disableFontDownload)
 
   updateConfiguration({
-    appMetadata,
     svelteInstance: app,
     apiKey,
     initialWalletInit: wallets,
@@ -217,6 +218,8 @@ function init(options: InitOptions): OnboardAPI {
     unstoppableResolution
   })
 
+  appMetadata && updateAppMetadata(appMetadata)
+
   if (apiKey && transactionPreview) {
     const getBnSDK = async () => {
       transactionPreview.init({
diff --git a/packages/core/src/store/actions.ts b/packages/core/src/store/actions.ts
index 1f3f892f5..b813ec2e0 100644
--- a/packages/core/src/store/actions.ts
+++ b/packages/core/src/store/actions.ts
@@ -1,4 +1,4 @@
-import type { Chain, WalletInit, WalletModule } from '@web3-onboard/common'
+import type { AppMetadata, Chain, WalletInit, WalletModule } from '@web3-onboard/common'
 import { nanoid } from 'nanoid'
 import { dispatch } from './index.js'
 import { configuration } from '../configuration.js'
@@ -29,7 +29,8 @@ import type {
   ConnectModalOptions,
   UpdateConnectModalAction,
   Theme,
-  UpdateChainsAction
+  UpdateChainsAction,
+  UpdateAppMetadataAction
 } from '../types.js'
 
 import {
@@ -45,7 +46,8 @@ import {
   validateNotify,
   validateConnectModalUpdate,
   validateUpdateTheme,
-  validateSetChainOptions
+  validateSetChainOptions,
+  validateAppMetadataUpdate
 } from '../validation.js'
 
 import {
@@ -63,7 +65,8 @@ import {
   REMOVE_NOTIFICATION,
   UPDATE_ALL_WALLETS,
   UPDATE_CONNECT_MODAL,
-  UPDATE_CHAINS
+  UPDATE_CHAINS,
+  UPDATE_APP_METADATA
 } from './constants.js'
 
 export function addChains(chains: Chain[]): void {
@@ -438,3 +441,20 @@ export function updateTheme(theme: Theme): void {
   const themingObj = returnTheme(theme)
   themingObj && handleThemeChange(themingObj)
 }
+
+export function updateAppMetadata(
+  update: AppMetadata| Partial<AppMetadata>
+): void {
+  const error = validateAppMetadataUpdate(update)
+
+  if (error) {
+    throw error
+  }
+
+  const action = {
+    type: UPDATE_APP_METADATA,
+    payload: update
+  }
+
+  dispatch(action as UpdateAppMetadataAction)
+}
diff --git a/packages/core/src/store/constants.ts b/packages/core/src/store/constants.ts
index d9d2c0e9f..16ac82d9f 100644
--- a/packages/core/src/store/constants.ts
+++ b/packages/core/src/store/constants.ts
@@ -13,3 +13,4 @@ export const UPDATE_NOTIFY = 'update_notify'
 export const ADD_NOTIFICATION = 'add_notification'
 export const REMOVE_NOTIFICATION = 'remove_notification'
 export const UPDATE_ALL_WALLETS = 'update_balance'
+export const UPDATE_APP_METADATA = 'update_app_metadata'
diff --git a/packages/core/src/store/index.ts b/packages/core/src/store/index.ts
index f9d240f1d..1d39323d6 100644
--- a/packages/core/src/store/index.ts
+++ b/packages/core/src/store/index.ts
@@ -19,7 +19,8 @@ import type {
   RemoveNotificationAction,
   UpdateAllWalletsAction,
   UpdateConnectModalAction,
-  UpdateChainsAction
+  UpdateChainsAction,
+  UpdateAppMetadataAction
 } from '../types.js'
 
 import {
@@ -37,7 +38,8 @@ import {
   ADD_NOTIFICATION,
   REMOVE_NOTIFICATION,
   UPDATE_ALL_WALLETS,
-  UPDATE_CHAINS
+  UPDATE_CHAINS,
+  UPDATE_APP_METADATA
 } from './constants.js'
 
 function reducer(state: AppState, action: Action): AppState {
@@ -218,6 +220,18 @@ function reducer(state: AppState, action: Action): AppState {
       }
     }
 
+    case UPDATE_APP_METADATA: {
+      const update = payload as UpdateAppMetadataAction['payload']
+
+      return {
+        ...state,
+        appMetadata: {
+          ...state.appMetadata,
+          ...update
+        }
+      }
+    }
+
     case RESET_STORE:
       return APP_INITIAL_STATE
 
diff --git a/packages/core/src/types.ts b/packages/core/src/types.ts
index 2ec8dc5be..eb4739a02 100644
--- a/packages/core/src/types.ts
+++ b/packages/core/src/types.ts
@@ -179,7 +179,8 @@ export interface AppState {
   locale: Locale
   notify: Notify
   notifications: Notification[]
-  connect: ConnectModalOptions
+  connect: ConnectModalOptions,
+  appMetadata: AppMetadata
 }
 
 export type Configuration = {
@@ -428,7 +429,8 @@ export type Action =
   | AddNotificationAction
   | RemoveNotificationAction
   | UpdateAllWalletsAction
-  | UpdateConnectModalAction
+  | UpdateConnectModalAction 
+  | UpdateAppMetadataAction
 
 export type AddChainsAction = { type: 'add_chains'; payload: Chain[] }
 export type UpdateChainsAction = { type: 'update_chains'; payload: Chain }
@@ -494,6 +496,11 @@ export type UpdateAllWalletsAction = {
   payload: WalletState[]
 }
 
+export type UpdateAppMetadataAction = {
+  type: 'update_app_metadata'
+  payload: AppMetadata | Partial<AppMetadata>
+}
+
 // ==== MISC ==== //
 export type ChainStyle = {
   icon: string
diff --git a/packages/core/src/utils.ts b/packages/core/src/utils.ts
index 98607da23..66663bc73 100644
--- a/packages/core/src/utils.ts
+++ b/packages/core/src/utils.ts
@@ -212,6 +212,10 @@ export const chainStyles: Record<string, ChainStyle> = {
   '0x14a33': {
     icon: baseIcon,
     color: '#0259F9'
+  },
+  '0x80001': {
+    icon: polygonIcon,
+    color: '#8247E5'
   }
 }
 
diff --git a/packages/core/src/validation.ts b/packages/core/src/validation.ts
index 19b35bc09..5737190c3 100644
--- a/packages/core/src/validation.ts
+++ b/packages/core/src/validation.ts
@@ -9,7 +9,8 @@ import {
   chainNamespaceValidation,
   chainIdValidation,
   chainValidation,
-  validate
+  validate,
+  AppMetadata
 } from '@web3-onboard/common'
 
 import type {
@@ -128,6 +129,19 @@ const appMetadata = Joi.object({
   agreement
 })
 
+const appMetadataUpdate = Joi.object({
+  name: Joi.string(),
+  description: Joi.string(),
+  icon: Joi.string(),
+  logo: Joi.string(),
+  gettingStartedGuide: Joi.string(),
+  email: Joi.string(),
+  appUrl: Joi.string(),
+  explore: Joi.string(),
+  recommendedInjectedWallets: Joi.array().items(recommendedWallet),
+  agreement
+})
+
 const walletModule = Joi.object({
   label: Joi.string().required(),
   getInfo: Joi.function().arity(1).required(),
@@ -432,3 +446,9 @@ export function validateUpdateBalances(data: WalletState[]): ValidateReturn {
 export function validateUpdateTheme(data: Theme): ValidateReturn {
   return validate(theme, data)
 }
+
+export function validateAppMetadataUpdate(
+  data: AppMetadata | Partial<AppMetadata>
+): ValidateReturn {
+  return validate(appMetadataUpdate, data)
+}
diff --git a/packages/core/src/views/account-center/AccountCenterPanel.svelte b/packages/core/src/views/account-center/AccountCenterPanel.svelte
index 105308402..94d778ebd 100644
--- a/packages/core/src/views/account-center/AccountCenterPanel.svelte
+++ b/packages/core/src/views/account-center/AccountCenterPanel.svelte
@@ -23,6 +23,7 @@
   import DisconnectAllConfirm from './DisconnectAllConfirm.svelte'
   import { configuration } from '../../configuration.js'
   import SecondaryTokenTable from './SecondaryTokenTable.svelte'
+  import { shareReplay, startWith } from 'rxjs'
 
   export let expanded: boolean
 
@@ -31,7 +32,6 @@
   }
 
   const { chains: appChains } = state.get()
-  const { appMetadata } = configuration
   let disconnectConfirmModal = false
   let hideWalletRowMenu: () => void
 
@@ -52,6 +52,10 @@
     connectedChain && connectedChain.id
   )
 
+  const appMetadata$ = state
+    .select('appMetadata')
+    .pipe(startWith(state.get().appMetadata), shareReplay(1))
+
   const { position } = state.get().accountCenter
   const { device } = configuration
 </script>
@@ -393,7 +397,7 @@
 
         <!-- app info section -->
         <div class="app-info-container">
-          {#if appMetadata}
+          {#if $appMetadata$}
             <div class="flex items-start app-info-header">
               <!-- app icon -->
               <div class="relative flex app-icon-name">
@@ -403,21 +407,21 @@
                   background="white"
                   border="black"
                   radius={8}
-                  icon={(appMetadata && appMetadata.icon) || questionIcon}
+                  icon={($appMetadata$ && $appMetadata$.icon) || questionIcon}
                 />
                 <div class="app-name">
-                  {(appMetadata && appMetadata.name) || 'App Name'}
+                  {($appMetadata$ && $appMetadata$.name) || 'App Name'}
                 </div>
               </div>
 
               <div class="app-description">
-                {(appMetadata && appMetadata.description) ||
+                {($appMetadata$ && $appMetadata$.description) ||
                   'This app has not added a description.'}
               </div>
             </div>
 
             <!-- app info -->
-            {#if appMetadata.gettingStartedGuide || appMetadata.explore}
+            {#if $appMetadata$ && ($appMetadata$.gettingStartedGuide || $appMetadata$.explore)}
               <div class="app-info">
                 <div class="app-info-heading">
                   {$_('accountCenter.appInfo', {
@@ -425,7 +429,7 @@
                   })}
                 </div>
 
-                {#if appMetadata.gettingStartedGuide}
+                {#if $appMetadata$.gettingStartedGuide}
                   <div class="flex justify-between items-center w100">
                     <div>
                       {$_('accountCenter.learnMore', {
@@ -433,7 +437,7 @@
                       })}
                     </div>
                     <a
-                      href={appMetadata.gettingStartedGuide}
+                      href={$appMetadata$.gettingStartedGuide}
                       target="_blank"
                       rel="noreferrer noopener"
                     >
@@ -444,7 +448,7 @@
                   </div>
                 {/if}
 
-                {#if appMetadata.explore}
+                {#if $appMetadata$.explore}
                   <div class="flex justify-between items-center w100">
                     <div>
                       {$_('accountCenter.smartContracts', {
@@ -452,7 +456,7 @@
                       })}
                     </div>
                     <a
-                      href={appMetadata.explore}
+                      href={$appMetadata$.explore}
                       target="_blank"
                       rel="noreferrer noopener"
                     >
diff --git a/packages/core/src/views/account-center/AcctCenterTriggerLarge.svelte b/packages/core/src/views/account-center/AcctCenterTriggerLarge.svelte
index f085a27e0..037cb9041 100644
--- a/packages/core/src/views/account-center/AcctCenterTriggerLarge.svelte
+++ b/packages/core/src/views/account-center/AcctCenterTriggerLarge.svelte
@@ -14,11 +14,14 @@
     SuccessStatusIcon
   } from '../shared/index.js'
   import { state } from '../../store/index.js'
-  import { configuration } from '../../configuration.js'
+  import { shareReplay, startWith } from 'rxjs'
 
   export let toggle: () => void
-  const { appMetadata } = configuration
-  const appIcon = (appMetadata && appMetadata.icon) || questionIcon
+
+  const appMetadata$ = state
+    .select('appMetadata')
+    .pipe(startWith(state.get().appMetadata), shareReplay(1))
+
   const chains = state.get().chains
 
   $: [primaryWallet] = $wallets$
@@ -157,7 +160,7 @@
           background={'white'}
           border="darkGreen"
           radius={8}
-          icon={appIcon}
+          icon={($appMetadata$ && $appMetadata$.icon) || questionIcon}
         />
       </div>
 
diff --git a/packages/core/src/views/account-center/AcctCenterTriggerSmall.svelte b/packages/core/src/views/account-center/AcctCenterTriggerSmall.svelte
index 456f36069..2d57fa663 100644
--- a/packages/core/src/views/account-center/AcctCenterTriggerSmall.svelte
+++ b/packages/core/src/views/account-center/AcctCenterTriggerSmall.svelte
@@ -4,12 +4,12 @@
   import { questionIcon } from '../../icons/index.js'
   import { WalletAppBadge, SuccessStatusIcon } from '../shared/index.js'
   import { state } from '../../store/index.js'
-  import { configuration } from '../../configuration.js'
 
   export let toggle: () => void
 
-  const { appMetadata } = configuration
-  const appIcon = (appMetadata && appMetadata.icon) || questionIcon
+  const appMetadata$ = state
+    .select('appMetadata')
+    .pipe(startWith(state.get().appMetadata), shareReplay(1))
 
   $: [primaryWallet] = $wallets$
 
@@ -89,7 +89,7 @@
         background={'white'}
         border="darkGreen"
         radius={8}
-        icon={appIcon}
+        icon={($appMetadata$ && $appMetadata$.icon) || questionIcon}
       />
     </div>
     <div class="wallet-square-wrapper">
diff --git a/packages/core/src/views/chain/SwitchChain.svelte b/packages/core/src/views/chain/SwitchChain.svelte
index ab2a36c4b..6846d3149 100644
--- a/packages/core/src/views/chain/SwitchChain.svelte
+++ b/packages/core/src/views/chain/SwitchChain.svelte
@@ -4,14 +4,15 @@
   import en from '../../i18n/en.json'
   import CloseButton from '../shared/CloseButton.svelte'
   import Modal from '../shared/Modal.svelte'
-  import { configuration } from '../../configuration.js'
 
-  const { appMetadata } = configuration
   const nextNetworkName = $switchChainModal$.chain.label
 
   function close() {
     switchChainModal$.next(null)
   }
+  const appMetadata$ = state
+    .select('appMetadata')
+    .pipe(startWith(state.get().appMetadata), shareReplay(1))
 </script>
 
 <style>
@@ -51,7 +52,7 @@
       {$_('modals.switchChain.paragraph1', {
         default: en.modals.switchChain.paragraph1,
         values: {
-          app: (appMetadata && appMetadata.name) || 'This app',
+          app: ($appMetadata$ && $appMetadata$.name) || 'This app',
           nextNetworkName
         }
       })}
diff --git a/packages/core/src/views/connect/Agreement.svelte b/packages/core/src/views/connect/Agreement.svelte
index e08433dab..f5d1eeeef 100644
--- a/packages/core/src/views/connect/Agreement.svelte
+++ b/packages/core/src/views/connect/Agreement.svelte
@@ -1,8 +1,9 @@
 <script lang="ts">
   import { _ } from 'svelte-i18n'
   import { STORAGE_KEYS } from '../../constants.js'
-  import { configuration } from '../../configuration.js'
   import { delLocalStore, getLocalStore, setLocalStore } from '../../utils'
+  import { shareReplay, startWith } from 'rxjs'
+  import { state } from '../../store/index.js'
 
   export let agreed: boolean
 
@@ -13,10 +14,13 @@
   } = JSON.parse(getLocalStore(STORAGE_KEYS.TERMS_AGREEMENT) || '{}')
 
   const blankAgreement = { termsUrl: '', privacyUrl: '', version: '' }
-  const { appMetadata } = configuration
+
+  const appMetadata$ = state
+    .select('appMetadata')
+    .pipe(startWith(state.get().appMetadata), shareReplay(1))
 
   const { termsUrl, privacyUrl, version } =
-    (appMetadata && appMetadata.agreement) || blankAgreement
+    ($appMetadata$ && $appMetadata$.agreement) || blankAgreement
 
   const showTermsOfService = !!(
     (termsUrl && !termsAgreed) ||
diff --git a/packages/core/src/views/connect/ConnectedWallet.svelte b/packages/core/src/views/connect/ConnectedWallet.svelte
index 7b8be0d59..24e21bd0b 100644
--- a/packages/core/src/views/connect/ConnectedWallet.svelte
+++ b/packages/core/src/views/connect/ConnectedWallet.svelte
@@ -4,11 +4,14 @@
   import type { WalletState } from '../../types.js'
   import { questionIcon, successIcon } from '../../icons/index.js'
   import en from '../../i18n/en.json'
-  import { configuration } from '../../configuration.js'
+  import { shareReplay, startWith } from 'rxjs'
+  import { state } from '../../store/index.js'
 
   export let selectedWallet: WalletState
 
-  const { appMetadata } = configuration
+  const appMetadata$ = state
+    .select('appMetadata')
+    .pipe(startWith(state.get().appMetadata), shareReplay(1))
 </script>
 
 <style>
@@ -44,11 +47,11 @@
         <WalletAppBadge
           size={40}
           padding={8}
-          background={appMetadata && appMetadata.icon
+          background={$appMetadata$ && $appMetadata$.icon
             ? 'lightBlue'
             : 'lightGray'}
           border="darkGreen"
-          icon={(appMetadata && appMetadata.icon) || questionIcon}
+          icon={($appMetadata$ && $appMetadata$.icon) || questionIcon}
         />
 
         <div class="relative" style="right: 1rem; top: 4px; z-index: 1;">
diff --git a/packages/core/src/views/connect/ConnectingWallet.svelte b/packages/core/src/views/connect/ConnectingWallet.svelte
index e070d94b6..f642853ab 100644
--- a/packages/core/src/views/connect/ConnectingWallet.svelte
+++ b/packages/core/src/views/connect/ConnectingWallet.svelte
@@ -5,7 +5,8 @@
   import WalletAppBadge from '../shared/WalletAppBadge.svelte'
   import questionIcon from '../../icons/question.js'
   import en from '../../i18n/en.json'
-  import { configuration } from '../../configuration.js'
+  import { state } from '../../store/index.js'
+  import { shareReplay, startWith } from 'rxjs'
 
   export let connectWallet: () => Promise<void>
   export let selectedWallet: WalletState
@@ -14,7 +15,9 @@
   export let connectionRejected: boolean
   export let previousConnectionRequest: boolean
 
-  const { appMetadata } = configuration
+  const appMetadata$ = state
+    .select('appMetadata')
+    .pipe(startWith(state.get().appMetadata), shareReplay(1))
 </script>
 
 <style>
@@ -99,7 +102,7 @@
         <WalletAppBadge
           size={40}
           padding={8}
-          icon={(appMetadata && appMetadata.icon) || questionIcon}
+          icon={($appMetadata$ && $appMetadata$.icon) || questionIcon}
           border={connectionRejected || previousConnectionRequest
             ? 'yellow'
             : 'blue'}
diff --git a/packages/core/src/views/connect/Index.svelte b/packages/core/src/views/connect/Index.svelte
index e085b514c..2a37268ab 100644
--- a/packages/core/src/views/connect/Index.svelte
+++ b/packages/core/src/views/connect/Index.svelte
@@ -33,6 +33,8 @@
     filter,
     firstValueFrom,
     mapTo,
+    shareReplay,
+    startWith,
     Subject,
     take,
     takeUntil
@@ -57,8 +59,11 @@
 
   export let autoSelect: ConnectOptions['autoSelect']
 
-  const { appMetadata, unstoppableResolution, device } = configuration
-  const { icon } = appMetadata || {}
+  const appMetadata$ = state
+    .select('appMetadata')
+    .pipe(startWith(state.get().appMetadata), shareReplay(1))
+
+  const { unstoppableResolution, device } = configuration
 
   const { walletModules, connect } = state.get()
   const cancelPreviousConnect$ = new Subject<void>()
@@ -137,7 +142,7 @@
         chains,
         BigNumber,
         EventEmitter,
-        appMetadata
+        appMetadata: $appMetadata$
       })
 
       const loadedIcon = await icon
@@ -560,11 +565,11 @@
         {#if windowWidth <= MOBILE_WINDOW_WIDTH}
           <div class="mobile-header">
             <div class="icon-container">
-              {#if icon}
-                {#if isSVG(icon)}
-                  {@html icon}
+              {#if $appMetadata$ && $appMetadata$.icon}
+                {#if isSVG($appMetadata$.icon)}
+                  {@html $appMetadata$.icon}
                 {:else}
-                  <img src={icon} alt="logo" />
+                  <img src={$appMetadata$.icon} alt="logo" />
                 {/if}
               {:else}
                 {@html defaultBnIcon}
diff --git a/packages/core/src/views/connect/InstallWallet.svelte b/packages/core/src/views/connect/InstallWallet.svelte
index a71cf786e..311437fda 100644
--- a/packages/core/src/views/connect/InstallWallet.svelte
+++ b/packages/core/src/views/connect/InstallWallet.svelte
@@ -1,11 +1,13 @@
 <script lang="ts">
   import { _ } from 'svelte-i18n'
-  import { configuration } from '../../configuration.js'
   import en from '../../i18n/en.json'
-
   import { Warning } from '../shared/index.js'
+  import { state } from '../../store/index.js'
+  import { shareReplay, startWith } from 'rxjs'
 
-  const { recommendedInjectedWallets, name } = configuration.appMetadata || {}
+  const appMetadata$ = state
+    .select('appMetadata')
+    .pipe(startWith(state.get().appMetadata), shareReplay(1))
 </script>
 
 <style>
@@ -22,20 +24,20 @@
 
 <div class="outer-container">
   <Warning>
-    {#if recommendedInjectedWallets}
+    {#if $appMetadata$.recommendedInjectedWallets}
       {$_('connect.selectingWallet.recommendedWalletsPart1', {
         default: en.connect.selectingWallet.recommendedWalletsPart1,
         values: {
-          app: name || 'This app'
+          app: $appMetadata$.name || 'This app'
         }
       })}
-      {#each recommendedInjectedWallets as { name, url }, i}
+      {#each $appMetadata$.recommendedInjectedWallets as { name, url }, i}
         <a
           class="link pointer"
           href={url}
           target="_blank"
           rel="noreferrer noopener"
-          >{name}{i < recommendedInjectedWallets.length - 1 ? ', ' : ''}
+          >{name}{i < $appMetadata$.recommendedInjectedWallets.length - 1 ? ', ' : ''}
         </a>
       {/each}
       {$_('connect.selectingWallet.recommendedWalletsPart2', {
@@ -45,7 +47,7 @@
       {$_('connect.selectingWallet.installWallet', {
         default: en.connect.selectingWallet.installWallet,
         values: {
-          app: name || 'this app'
+          app: $appMetadata$.name || 'this app'
         }
       })}
     {/if}
diff --git a/packages/core/src/views/connect/Sidebar.svelte b/packages/core/src/views/connect/Sidebar.svelte
index 720c0d2d3..708c47a77 100644
--- a/packages/core/src/views/connect/Sidebar.svelte
+++ b/packages/core/src/views/connect/Sidebar.svelte
@@ -8,15 +8,12 @@
   import en from '../../i18n/en.json'
   import type { i18n } from '../../types.js'
   import { isSVG } from '../../utils.js'
-  import { configuration } from '../../configuration.js'
   import { MOBILE_WINDOW_WIDTH } from '../../constants.js'
   import { state } from '../../store'
+  import { shareReplay, startWith } from 'rxjs'
 
   export let step: keyof i18n['connect']
 
-  const { appMetadata } = configuration
-  const { icon, logo, name = 'This app' } = appMetadata || {}
-
   const { connect } = state.get()
 
   const defaultContent = en.connect[step].sidebar
@@ -26,6 +23,10 @@
     defaultContent as i18n['connect']['selectingWallet']['sidebar']
 
   let windowWidth: number
+
+  const appMetadata$ = state
+    .select('appMetadata')
+    .pipe(startWith(state.get().appMetadata), shareReplay(1))
 </script>
 
 <style>
@@ -175,11 +176,11 @@
     <!-- On Mobile we display the icon only & within the header rather than the sidebar -->
     {#if windowWidth >= MOBILE_WINDOW_WIDTH}
       <div class="icon-container">
-        {#if logo || icon}
-          {#if isSVG(logo || icon)}
-            {@html logo || icon}​
+        {#if $appMetadata$ && ($appMetadata$.logo || $appMetadata$.icon)}
+          {#if isSVG($appMetadata$.logo || $appMetadata$.icon)}
+            {@html $appMetadata$.logo || $appMetadata$.icon}​
           {:else}
-            <img src={logo || icon} alt="logo" />
+            <img src={$appMetadata$.logo || $appMetadata$.icon} alt="logo" />
           {/if}
         {:else}
           {@html defaultBnIcon}
@@ -202,7 +203,7 @@
 
     <div class="description">
       {$_(`connect.${step}.sidebar.paragraph`, {
-        values: { app: name },
+        values: { app: ($appMetadata$ && $appMetadata$.name) || 'This App' },
         default: paragraph
       })}
     </div>
diff --git a/packages/demo/package.json b/packages/demo/package.json
index 229b66355..f94f69998 100644
--- a/packages/demo/package.json
+++ b/packages/demo/package.json
@@ -27,7 +27,7 @@
     "@web3-onboard/cede-store": "^2.0.2",
     "@web3-onboard/blocto": "2.0.0",
     "@web3-onboard/coinbase": "^2.2.3",
-    "@web3-onboard/core": "^2.20.2",
+    "@web3-onboard/core": "^2.20.3",
     "@web3-onboard/dcent": "^2.2.7",
     "@web3-onboard/enkrypt": "^2.0.3",
     "@web3-onboard/fortmatic": "^2.0.18",
@@ -52,7 +52,7 @@
     "@web3-onboard/trust": "^2.0.3",
     "@web3-onboard/uauth": "^2.0.4",
     "@web3-onboard/venly": "^2.0.0",
-    "@web3-onboard/walletconnect": "^2.3.9",
+    "@web3-onboard/walletconnect": "^2.3.10-alpha.1",
     "@web3-onboard/web3auth": "^2.2.2",
     "@web3-onboard/xdefi": "^2.0.3",
     "@web3-onboard/zeal": "^2.0.3",
diff --git a/packages/demo/src/App.svelte b/packages/demo/src/App.svelte
index c648cd558..b4f2007ed 100644
--- a/packages/demo/src/App.svelte
+++ b/packages/demo/src/App.svelte
@@ -741,6 +741,27 @@
                 minimal: true
               })}>Small Trigger</button
           >
+          <button
+            on:click={() =>
+              onboard.state.actions.updateAppMetadata(
+              {
+                // Checkmark
+                icon: `<svg width="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.59 8.59L12 13.17L7.41 8.59L6 10L12 16L18 10L16.59 8.59Z" fill="currentColor"/></svg>`,
+                // Hourglass
+                logo: `<svg width="100%" height="100%" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M0 0L0.0100002 6L4 10L0.0100002 14.01L0 20H12V14L8 10L12 6.01V0H0ZM10 14.5V18H2V14.5L6 10.5L10 14.5Z" fill="#929BED"/>
+                  </svg>`,
+                description: 'Updated Description!',
+                agreement: {
+                  version: '2.0.0',
+                  termsUrl: 'https://onboard.blocknative.com/',
+                  privacyUrl: 'https://onboard.blocknative.com/'
+                },
+                gettingStartedGuide: 'https://onboard.blocknative.com/',
+                explore: 'https://onboard.blocknative.com/'
+              }
+              )}>Update appMetadata</button
+          >
         </div>
       </div>
     {/if}
diff --git a/packages/react/package.json b/packages/react/package.json
index 3f4cf0e33..bd92f512e 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/react",
-  "version": "2.8.7",
+  "version": "2.8.8",
   "description": "A collection of React hooks for integrating Web3-Onboard in to React and Next.js projects. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardised spec compliant web3 providers for all supported wallets, modern javascript UI with code splitting, CSS customization, multi-chain and multi-account support, reactive wallet state subscriptions and real-time transaction state change notifications.",
   "keywords": [
     "Ethereum",
@@ -63,7 +63,7 @@
   },
   "dependencies": {
     "@web3-onboard/common": "^2.3.3",
-    "@web3-onboard/core": "^2.20.2",
+    "@web3-onboard/core": "^2.20.3",
     "use-sync-external-store": "1.0.0"
   },
   "peerDependencies": {
diff --git a/packages/vue/package.json b/packages/vue/package.json
index 3b2ea3bf2..8e4369ba5 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/vue",
-  "version": "2.7.6",
+  "version": "2.7.7",
   "description": "A collection of Vue Composables for integrating Web3-Onboard in to a Vue or Nuxt project. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardized spec compliant web3 providers for all supported wallets, modern javascript UI with code splitting, CSS customization, multi-chain and multi-account support, reactive wallet state subscriptions and real-time transaction state change notifications.",
   "keywords": [
     "Ethereum",
@@ -63,7 +63,7 @@
     "@vueuse/core": "^8.4.2",
     "@vueuse/rxjs": "^8.2.0",
     "@web3-onboard/common": "^2.3.3",
-    "@web3-onboard/core": "^2.20.2",
+    "@web3-onboard/core": "^2.20.3",
     "vue-demi": "^0.12.4"
   },
   "peerDependencies": {
diff --git a/packages/walletconnect/package.json b/packages/walletconnect/package.json
index d7a2e0d6d..a0334e096 100644
--- a/packages/walletconnect/package.json
+++ b/packages/walletconnect/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/walletconnect",
-  "version": "2.3.9",
+  "version": "2.3.10-alpha.1",
   "description": "WalletConnect SDK module for connecting to Web3-Onboard. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardised spec compliant web3 providers for all supported wallets, framework agnostic modern javascript UI with code splitting, CSS customization, multi-chain and multi-account support, reactive wallet state subscriptions and real-time transaction state change notifications.",
   "keywords": [
     "Ethereum",
@@ -61,8 +61,8 @@
   "dependencies": {
     "@ethersproject/providers": "5.5.0",
     "@walletconnect/client": "^1.8.0",
-    "@walletconnect/ethereum-provider": "2.8.0",
-    "@walletconnect/modal":"2.4.3",
+    "@walletconnect/ethereum-provider": "2.8.4",
+    "@walletconnect/modal":"2.5.4",
     "@walletconnect/qrcode-modal": "^1.8.0",
     "@web3-onboard/common": "^2.3.3",
     "rxjs": "^7.5.2"