diff --git a/frontend/src/lib/components/apps/components/display/charts/AppAgCharts.svelte b/frontend/src/lib/components/apps/components/display/charts/AppAgCharts.svelte
index b9872352dd..771c4c0740 100644
--- a/frontend/src/lib/components/apps/components/display/charts/AppAgCharts.svelte
+++ b/frontend/src/lib/components/apps/components/display/charts/AppAgCharts.svelte
@@ -216,6 +216,8 @@
 
 	let AgChartsInstance: any | undefined = undefined
 
+	$: license && loadLibrary()
+
 	async function loadLibrary() {
 		if (ee) {
 			const enterprise = await import('ag-charts-enterprise')
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/GridAgChartsLicenseKe.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/GridAgChartsLicenseKe.svelte
index 9d43f32b5d..656edec3a3 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/GridAgChartsLicenseKe.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/GridAgChartsLicenseKe.svelte
@@ -1,30 +1,15 @@
 <script lang="ts">
-	import Badge from '$lib/components/common/badge/Badge.svelte'
-
 	export let license: string
 
-	let valid = false
-	$: license && checkLicenseKey(license)
-
-	async function checkLicenseKey(key: string) {
-		try {
-			const { AgCharts } = await import('ag-charts-enterprise')
-
-			// @ts-ignore
-			valid = AgCharts.licenseKey
-		} catch (e) {
-			console.error(e)
-		}
-	}
+	let initial = license
 </script>
 
 <div class="p-2">
 	<span class="text-xs font-semibold">AgCharts EE License Key</span>
 	<input type="text" bind:value={license} placeholder="AgCharts Enterprise" />
-
-	{#if valid}
-		<Badge color="green">Valid</Badge>
-	{:else}
-		<Badge color="red">Invalid</Badge>
+	{#if initial != license}
+		<div class="text-yellow-500 text-xs"
+			>Please reload the page to see the effect of the new license key</div
+		>
 	{/if}
 </div>