styled-components 6.5.0 → 6.5.1

package/dist/styled-components.js

@@ -11,7 +11,7 @@
         'data-styled';
     const SC_ATTR_ACTIVE = 'active';
     const SC_ATTR_VERSION = 'data-styled-version';
-    const SC_VERSION = "6.5.0";
+    const SC_VERSION = "6.5.1";
     const SPLITTER = '/*!sc*/\n';
     const IS_BROWSER = typeof window !== 'undefined' && typeof document !== 'undefined';
     function readSpeedyFlag(name) {
@@ -2185,13 +2185,6 @@
         }
         return nextKeyCount === prevKeyCount;
     }
-    function useInjectedStyle(componentStyle, resolvedAttrs, styleSheet, stylis) {
-        const className = componentStyle.generateAndInjectStyles(resolvedAttrs, styleSheet, stylis);
-        if (React.useDebugValue) {
-            React.useDebugValue(className);
-        }
-        return className;
-    }
     function resolveContext(attrs, props, theme) {
         const context = Object.assign(Object.assign({}, props), { 
             // unset, add `props.className` back at the end so props always "wins"
@@ -2278,7 +2271,7 @@
             }
             else {
                 context = resolveContext(componentAttrs, props, theme);
-                generatedClassName = useInjectedStyle(componentStyle, context, ssc.styleSheet, ssc.stylis);
+                generatedClassName = componentStyle.generateAndInjectStyles(context, ssc.styleSheet, ssc.stylis);
                 let propsKeyCount = 0;
                 for (const key in props) {
                     if (hasOwn.call(props, key))
@@ -2296,6 +2289,11 @@
                 ];
             }
         }
+        // Outside the render-cache branch: a hook skipped on a cache hit is a hook
+        // count that changes between renders, which React rejects outright (#5788).
+        if (React.useDebugValue) {
+            React.useDebugValue(generatedClassName);
+        }
         if (forwardedComponent.warnTooManyClasses) {
             forwardedComponent.warnTooManyClasses(generatedClassName);
         }