fix(preview-server): <svg> not being flagged by compatibility checker (#2259)

Co-authored-by: gabriel miranda <[email protected]>

Author: PedroMarianoAlmeida

.changeset/afraid-sides-agree.md

@@ -0,0 +1,5 @@
+---
+"@react-email/preview-server": patch
+---
+
+fix `<svg>` not being flagged as incompatible

packages/preview-server/src/utils/caniemail/get-element-names.ts

@@ -4,16 +4,22 @@ export const getElementNames = (title: string, keywords: string | null) => {
     const [_full, elementName] = match;
 
     if (elementName) {
-      return [elementName];
+      return [elementName.toLowerCase()];
     }
   }
 
   if (keywords !== null && keywords.length > 0) {
-    return keywords.split(/\s*,\s*/).map((piece) => piece.trim());
+    return keywords
+      .toLowerCase()
+      .split(/\s*,\s*/)
+      .map((piece) => piece.trim());
   }
 
   if (title.split(',').length > 1) {
-    return title.split(/\s*,\s*/).map((piece) => piece.trim());
+    return title
+      .toLowerCase()
+      .split(/\s*,\s*/)
+      .map((piece) => piece.trim());
   }
 
   return [];