use: derived.

Author: ItzNotABug

src/routes/(console)/project-[region]-[project]/overview/onboard.svelte

@@ -45,7 +45,15 @@
         platforms: Array<Models.Platform>;
     } = $props();
 
-    let platformMap = $state(new Map<string, Models.Platform>());
+    const platformMap = $derived.by(() => {
+        const map = new Map<string, Models.Platform>();
+        platforms.forEach((platform) => {
+            const platformInfo = getPlatformInfo(platform.type);
+            map.set(platformInfo.name, platform);
+        });
+
+        return map;
+    });
 
     const projectRoute = $derived.by(() => {
         return resolve('/(console)/project-[region]-[project]', {
@@ -54,13 +62,6 @@
         });
     });
 
-    onMount(() => {
-        platforms.forEach((platform) => {
-            const platformInfo = getPlatformInfo(platform.type);
-            platformMap.set(platformInfo.name, platform);
-        });
-    });
-
     function createKey() {
         trackEvent(Click.KeyCreateClick, { source: 'onboarding' });