styled-components 6.0.3 → 6.0.5

package/dist/styled-components.js

@@ -8,7 +8,7 @@
         'data-styled';
     var SC_ATTR_ACTIVE = 'active';
     var SC_ATTR_VERSION = 'data-styled-version';
-    var SC_VERSION = "6.0.3";
+    var SC_VERSION = "6.0.5";
     var SPLITTER = '/*!sc*/\n';
     var IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window;
     var DISABLE_SPEEDY = Boolean(typeof SC_DISABLE_SPEEDY === 'boolean'
@@ -1229,8 +1229,7 @@
                 renderStyles(instance, props, ssc.styleSheet, theme, ssc.stylis);
             }
             {
-                // @ts-expect-error still using React 17 types for the time being
-                (React.useInsertionEffect || React.useLayoutEffect)(function () {
+                React.useLayoutEffect(function () {
                     if (!ssc.styleSheet.server) {
                         renderStyles(instance, props, ssc.styleSheet, theme, ssc.stylis);
                         return function () { return globalStyle.removeStyles(instance, ssc.styleSheet); };
@@ -1863,7 +1862,9 @@
                 if (!shouldForwardProp &&
                     "development" === 'development' &&
                     !isPropValid(key) &&
-                    !seenUnknownProps.has(key)) {
+                    !seenUnknownProps.has(key) &&
+                    // Only warn on DOM Element.
+                    domElements.has(elementToBeCreated)) {
                     seenUnknownProps.add(key);
                     console.warn("styled-components: it looks like an unknown prop \"".concat(key, "\" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)"));
                 }