fortawesome module throws error on runtime about generator-jhipster-svelte HOT 5 CLOSED

{
	"generator-jhipster": {
		"applicationIndex": 0,
		"applicationType": "monolith",
		"authenticationType": "oauth2",
		"baseName": "vpair",
		"blueprints": [
			{
				"name": "generator-jhipster-svelte",
				"version": "0.10.2"
			}
		],
		"buildTool": "gradle",
		"cacheProvider": "ehcache",
		"clientFramework": "svelte",
		"clientPackageManager": "npm",
		"clientTheme": "minty",
		"clientThemeVariant": "primary",
		"creationTimestamp": 1667237633479,
		"databaseType": "sql",
		"devDatabaseType": "mariadb",
		"devServerPort": 9060,
		"dtoSuffix": "DTO",
		"enableGradleEnterprise": false,
		"enableHibernateCache": true,
		"enableSwaggerCodegen": false,
		"enableTranslation": false,
		"entities": [
			"SystemSetting",
			"MultiLangString",
			"Address",
			"Member",
			"Company",
			"PropertyPost",
			"SearchedQuery",
			"Membership"
		],
		"entitySuffix": "",
		"gradleEnterpriseHost": "",
		"jhiPrefix": "vpr",
		"jhipsterVersion": "7.9.3",
		"languages": ["en"],
		"messageBroker": false,
		"nativeLanguage": "zh-tw",
		"otherModules": [
			{
				"name": "generator-jhipster-svelte",
				"version": "0.10.2"
			}
		],
		"packageFolder": "hk/com/justmove/platform/vpair",
		"packageName": "hk.com.justmove.platform.vpair",
		"pages": [],
		"prodDatabaseType": "mariadb",
		"reactive": false,
		"searchEngine": "elasticsearch",
		"serverPort": "8080",
		"serviceDiscoveryType": false,
		"skipCheckLengthOfIdentifier": false,
		"skipClient": false,
		"skipFakeData": false,
		"skipServer": true,
		"skipUserManagement": true,
		"testFrameworks": ["cypress"],
		"websocket": false,
		"withAdminUi": true
	},
	"generator-jhipster-svelte": {
		"swaggerUi": false,
		"version": "0.10.2"
	}
}

diff --git a/node_modules/jhipster-svelte-library/input-control.svelte b/node_modules/jhipster-svelte-library/input-control.svelte
index 5652ee4..7d8beff 100644
--- a/node_modules/jhipster-svelte-library/input-control.svelte
+++ b/node_modules/jhipster-svelte-library/input-control.svelte
@@ -1,5 +1,6 @@
 <script>
 	import { afterUpdate, createEventDispatcher } from 'svelte'
+	import Fa from 'svelte-fa'
 	import { faExclamationCircle } from '@fortawesome/free-solid-svg-icons/faExclamationCircle'
 	import { faTimes } from '@fortawesome/free-solid-svg-icons/faTimes'
 
@@ -150,7 +151,7 @@
 					ref.dispatchEvent(new Event('change'))
 				}}"
 			>
-				<Icon classes="mr-2" icon="{faTimes}" />
+				<Fa classes="mr-2" icon="{faTimes}" />
 			</Button>
 		{/if}
 	{:else}
@@ -182,7 +183,7 @@
 	<slot message="{message}" dirty="{dirty}" valid="{valid}">
 		{#if dirty && !valid}
 			<div data-testid="{name}-error" class="flex items-center">
-				<Icon classes="mr-2" icon="{faExclamationCircle}" />
+				<Fa classes="mr-2" icon="{faExclamationCircle}" />
 				{message}
 			</div>
 		{:else}&nbsp;{/if}