fix(react): force interop check to fix @emotion/is-prop-valid esm imp…

…ort (#1097)

* fix(react): force interop check to fix @emotion/is-prop-valid esm import

* fix(react): force interop - .changeset

.changeset/wild-hairs-grin.md

@@ -0,0 +1,5 @@
+---
+'@linaria/react': patch
+---
+
+force interop check to fix @emotion/is-prop-valid esm import

packages/react/src/styled.ts

@@ -65,8 +65,15 @@ function filterProps<T extends Record<string, unknown>, TKeys extends keyof T>(
     component.indexOf('-') === -1 &&
     !isCapital(component[0])
   ) {
+    /**
+     * A failsafe check for esModule import issues
+     * if validAttr !== 'function' then it is an object of { default: Fn }
+     */
+    const interopValidAttr =
+      typeof validAttr === 'function' ? { default: validAttr } : validAttr;
+
     Object.keys(filteredProps).forEach((key) => {
-      if (!validAttr(key)) {
+      if (!interopValidAttr.default(key)) {
         // Don't pass through invalid attributes to HTML elements
         delete filteredProps[key];
       }