Merge pull request #257 from HybridFox/bugfix/ssr-rendering-icon

fix(icon): ssr rendering
digipolisantwerp · Oct 8, 2021 · ce1ae05 · ce1ae05
2 parents 7468e29 + 8bf2705
commit ce1ae05
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/).
 
 ## [Unreleased]
 
+### Fixed
+- `Icon` Fixed document reference
 
 ## v6.0.6 - 2021-10-08
 

diff --git a/packages/icon/src/Icon.js b/packages/icon/src/Icon.js
@@ -29,6 +29,7 @@ const Icon = ({ name, style, className, ariaLabel, onClick, src, qa }: Props) =>
       const xlinkHref = 'https://cdn.antwerpen.be/core_branding_scss/5.0.0/assets/images/ai.svg';
       const response = await fetch(xlinkHref);
       const svgText = await response.text();
+
       const svgWrapper = document.createElement('svg');
 
       svgWrapper.id = 'aiSvg';
@@ -41,7 +42,7 @@ const Icon = ({ name, style, className, ariaLabel, onClick, src, qa }: Props) =>
     }
   }
 
-  if(!document.getElementById('aiSvg')) {
+  if(typeof document !== 'undefined' && !document.getElementById('aiSvg')) {
     fetchAntwerpIcons();
   }