styled-components 6.3.2 → 6.3.4

package/dist/styled-components.js

@@ -10,7 +10,7 @@
         'data-styled';
     var SC_ATTR_ACTIVE = 'active';
     var SC_ATTR_VERSION = 'data-styled-version';
-    var SC_VERSION = "6.3.2";
+    var SC_VERSION = "6.3.4";
     var SPLITTER = '/*!sc*/\n';
     var IS_BROWSER = typeof window !== 'undefined' && typeof document !== 'undefined';
     /**
@@ -1112,6 +1112,12 @@
     var seen = new Set();
     var checkDynamicCreation = function (displayName, componentId) {
         {
+            // Skip check in RSC environments where:
+            // 1. Components are always module-level (can't be in render functions)
+            // 2. Hook detection is unreliable due to different module evaluation context
+            if (IS_RSC) {
+                return;
+            }
             var parsedIdString = componentId ? " with the id of \"".concat(componentId, "\"") : '';
             var message_1 = "The component ".concat(displayName).concat(parsedIdString, " has been created dynamically.\n") +
                 "You may see this warning because you've called styled inside another component.\n" +
@@ -1261,8 +1267,8 @@
                 renderStyles(instance, props, ssc.styleSheet, theme, ssc.stylis);
             }
             // Client-side cleanup: conditionally use useLayoutEffect
-            // The IS_RSC check is module-level and deterministic, so this doesn't violate rules of hooks
-            if (!IS_RSC && typeof React.useLayoutEffect === 'function') {
+            // The false and IS_RSC checks are module-level and deterministic, so this doesn't violate rules of hooks
+            if (!IS_RSC) {
                 React.useLayoutEffect(function () {
                     return function () {
                         globalStyle.removeStyles(instance, ssc.styleSheet);