fix(react): don't add mocked-styled classnames outside test env (#1252

) Fixes #1251
callstack · Jul 3, 2023 · 1085992 · 1085992
1 parent 00b43a6
commit 1085992
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/.changeset/strong-clouds-explode.md b/.changeset/strong-clouds-explode.md
@@ -0,0 +1,5 @@
+---
+'@linaria/react': patch
+---
+
+Don't add `mocked-styled` classnames outside test env
diff --git a/packages/react/src/styled.ts b/packages/react/src/styled.ts
@@ -134,10 +134,14 @@ function styled(
   component: 'The target component should have a className prop'
 ): never;
 function styled(tag: any): any {
-  // eslint-disable-next-line no-plusplus
-  let mockedClass = `mocked-styled-${idx++}`;
-  if (tag?.__linaria?.className) {
-    mockedClass += ` ${tag.__linaria.className}`;
+  let mockedClass = '';
+
+  if (process.env.NODE_ENV === 'test') {
+    // eslint-disable-next-line no-plusplus
+    mockedClass += `mocked-styled-${idx++}`;
+    if (tag?.__linaria?.className) {
+      mockedClass += ` ${tag.__linaria.className}`;
+    }
   }
 
   return (options: Options) => {