Refactor onMoint dynamic import

TanStack · Jul 3, 2023 · 83ca31b · 83ca31b
1 parent 1a9c023
commit 83ca31b
Showing 1 changed file with 16 additions and 14 deletions.
diff --git a/packages/svelte-query-devtools/src/Devtools.svelte b/packages/svelte-query-devtools/src/Devtools.svelte
@@ -20,21 +20,23 @@
   let devtools: TanstackQueryDevtools | undefined
 
   if (DEV && BROWSER) {
-    onMount(async () => {
-      const QueryDevtools = (await import('@tanstack/query-devtools'))
-        .TanstackQueryDevtools
-      devtools = new QueryDevtools({
-        client,
-        queryFlavor: 'Svelte Query',
-        version: '5',
-        onlineManager,
-        buttonPosition,
-        position,
-        initialIsOpen,
-        errorTypes,
-      })
+    onMount(() => {
+      import('@tanstack/query-devtools').then((m) => {
+        const QueryDevtools = m.TanstackQueryDevtools
+
+        devtools = new QueryDevtools({
+          client,
+          queryFlavor: 'Svelte Query',
+          version: '5',
+          onlineManager,
+          buttonPosition,
+          position,
+          initialIsOpen,
+          errorTypes,
+        })
 
-      devtools.mount(ref)
+        devtools.mount(ref)
+      })
 
       return () => {
         devtools?.unmount()