Merge remote-tracking branch 'origin/main' into import-conditions

Author: Andarist

.changeset/config.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://unpkg.com/@changesets/config@1.6.0/schema.json",
+  "$schema": "https://unpkg.com/@changesets/config@3.0.2/schema.json",
   "changelog": [
     "@changesets/changelog-github",
     { "repo": "emotion-js/emotion" }
@@ -23,6 +23,7 @@
     ]
   ],
   "access": "public",
+  "privatePackages": false,
   "___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {
     "onlyUpdatePeerDependentsWhenOutOfRange": true
   }

.changeset/metal-boxes-admire.md

@@ -0,0 +1,7 @@
+---
+'@emotion/primitives-core': patch
+'@emotion/styled': patch
+'@emotion/react': patch
+---
+
+Only forward defined `ref`s to improve compatibility with the upcoming React 19

package.json

@@ -180,8 +180,8 @@
     "@babel/preset-typescript": "^7.18.6",
     "@babel/register": "^7.17.7",
     "@babel/runtime": "^7.18.3",
-    "@changesets/changelog-github": "^0.4.0",
-    "@changesets/cli": "^2.16.0",
+    "@changesets/changelog-github": "^0.5.0",
+    "@changesets/cli": "^2.27.7",
     "@manypkg/cli": "^0.19.1",
     "@preconstruct/cli": "^2.8.4",
     "@testing-library/react": "13.0.0-alpha.5",

packages/primitives-core/src/styled.ts

@@ -76,9 +76,10 @@ export function createStyled(
             newProps[key] = props[key]
           }
         }
-
         newProps.style = [css.apply(mergedProps, styles), props.style]
-        newProps.ref = ref
+        if (ref) {
+          newProps.ref = ref
+        }
 
         return React.createElement(finalTag, newProps)
       })

packages/react/src/emotion-element.js

@@ -148,8 +148,10 @@ let Emotion = /* #__PURE__ */ withEmotionCache(
         newProps[key] = props[key]
       }
     }
-    newProps.ref = ref
     newProps.className = className
+    if (ref) {
+      newProps.ref = ref
+    }
 
     return (
       <>

packages/styled/src/base.js

@@ -155,9 +155,10 @@ let createStyled /*: CreateStyled */ = (
             newProps[key] = props[key]
           }
         }
-
         newProps.className = className
-        newProps.ref = ref
+        if (ref) {
+          newProps.ref = ref
+        }
 
         return (
           <>