Improved label extraction from the stack traces to handle components …

…with numbers in their names (#2122) * fix emotion label not being applied to components with numbers in name * add changeset * add numbers to Safari and Firefox regex * Update .changeset/nasty-starfishes-retire.md * Update .changeset/nasty-starfishes-retire.md Co-authored-by: Mateusz Burzyński <mateuszburzynski@gmail.com>
emotion-js · Nov 21, 2020 · 1ee3400 · 1ee3400
1 parent 3b41e94
commit 1ee3400
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/nasty-starfishes-retire.md b/.changeset/nasty-starfishes-retire.md
@@ -0,0 +1,5 @@
+---
+'@emotion/react': patch
+---
+
+Improved label extraction from the stack traces to handle components with numbers in their names.
diff --git a/packages/react/src/emotion-element.js b/packages/react/src/emotion-element.js
@@ -44,11 +44,11 @@ export const createEmotionProps = (type: React.ElementType, props: Object) => {
     if (error.stack) {
       // chrome
       let match = error.stack.match(
-        /at (?:Object\.|Module\.|)(?:jsx|createEmotionProps).*\n\s+at (?:Object\.|)([A-Z][A-Za-z$]+) /
+        /at (?:Object\.|Module\.|)(?:jsx|createEmotionProps).*\n\s+at (?:Object\.|)([A-Z][A-Za-z0-9$]+) /
       )
       if (!match) {
         // safari and firefox
-        match = error.stack.match(/.*\n([A-Z][A-Za-z$]+)@/)
+        match = error.stack.match(/.*\n([A-Z][A-Za-z0-9$]+)@/)
       }
       if (match) {
         newProps[labelPropName] = sanitizeIdentifier(match[1])