svelte: Only render after component is mounted

svelte/src/lib/Giscus.svelte

@@ -9,8 +9,6 @@
     Theme,
   } from '.';
 
-  onMount(() => import('giscus'));
-
   export let id: string = undefined;
   export let repo: `${string}/${string}`;
   export let repoId: string;
@@ -24,20 +22,29 @@
   export let theme: Theme = 'light';
   export let lang: AvailableLanguage = 'en';
   export let loading: Loading = 'eager';
+
+  let mounted = false;
+
+  onMount(() => {
+    mounted = true;
+    import('giscus');
+  });
 </script>
 
-<giscus-widget
-  {id}
-  {repo}
-  repoid={repoId}
-  {category}
-  categoryid={categoryId}
-  {mapping}
-  {term}
-  reactionsenabled={reactionsEnabled}
-  emitmetadata={emitMetadata}
-  inputposition={inputPosition}
-  {theme}
-  {lang}
-  {loading}
-/>
+{#if mounted}
+  <giscus-widget
+    {id}
+    {repo}
+    repoid={repoId}
+    {category}
+    categoryid={categoryId}
+    {mapping}
+    {term}
+    reactionsenabled={reactionsEnabled}
+    emitmetadata={emitMetadata}
+    inputposition={inputPosition}
+    {theme}
+    {lang}
+    {loading}
+  />
+{/if}