Warn about incorrect icon name and handle gracefully (#1241)

* warn about incorrect icon name and handle gracefully * add changeset
feathericons · May 1, 2024 · 6e449d4 · 6e449d4
1 parent 7830e75
commit 6e449d4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/.changeset/tough-balloons-breathe.md b/.changeset/tough-balloons-breathe.md
@@ -0,0 +1,5 @@
+---
+'feather-icons': patch
+---
+
+Feather no longer breaks when trying to replace an icon using an invalid name
diff --git a/src/replace.js b/src/replace.js
@@ -31,6 +31,11 @@ function replaceElement(element, attrs = {}) {
   const name = elementAttrs['data-feather'];
   delete elementAttrs['data-feather'];
 
+  if (icons[name] === undefined) {
+    console.warn(`feather: '${name}' is not a valid icon`);
+    return;
+  }
+
   const svgString = icons[name].toSvg({
     ...attrs,
     ...elementAttrs,