From 0789e3aea38099735e6805e1903f6c0275146676 Mon Sep 17 00:00:00 2001
From: David Sedman <sedman.david@gmail.com>
Date: Wed, 16 Dec 2020 11:33:19 +0000
Subject: [PATCH] Update SideNavLink.svelte

The Icon throws as SSR error when used. This uses the same code as the HeaderGlobalAction which works with no errors
---
 src/UIShell/SideNav/SideNavLink.svelte | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/UIShell/SideNav/SideNavLink.svelte b/src/UIShell/SideNav/SideNavLink.svelte
index d79c59bf..1ae7a4b0 100644
--- a/src/UIShell/SideNav/SideNavLink.svelte
+++ b/src/UIShell/SideNav/SideNavLink.svelte
@@ -22,8 +22,6 @@
 
   /** Obtain a reference to the HTML anchor element */
   export let ref = null;
-
-  import { Icon } from "../../Icon";
 </script>
 
 <li class:bx--side-nav__item="{true}">
@@ -39,10 +37,9 @@
   >
     {#if icon}
       <div
-        class:bx--side-nav__icon="{true}"
-        class:bx--side-nav__icon--small="{true}"
-      >
-        <Icon {...icon} />
+      class:bx--side-nav__icon="{true}"
+      class:bx--side-nav__icon--small="{true}">  
+        <svelte:component this="{icon}" />
       </div>
     {/if}
     <span class:bx--side-nav__link-text="{true}">{text}</span>