react 19.0.0-canary-48ec17b86-20240402 → 19.0.0-canary-7a2609eed-20240403

package/cjs/react-jsx-dev-runtime.development.js

@@ -96,14 +96,13 @@ var enableScopeAPI = false; // Experimental Create Event Handle API.
 var enableTransitionTracing = false; // No known bugs, but needs performance testing
 
 var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
-// Ready for next major.
-//
-// Alias __NEXT_MAJOR__ to false for easier skimming.
-// -----------------------------------------------------------------------------
+// as a normal prop instead of stripping it from the props object.
+// Passes `ref` as a normal prop instead of stripping it from the props object
+// during element creation.
 
-var __NEXT_MAJOR__ = false; // Removes legacy style context
+var enableRefAsProp = true;
 
-var enableRenderableContext = __NEXT_MAJOR__; // -----------------------------------------------------------------------------
+var enableRenderableContext = true; // -----------------------------------------------------------------------------
 // stuff. Intended to enable React core members to more easily debug scheduling
 // issues in DEV builds.
 
@@ -177,20 +176,20 @@ function getComponentNameFromType(type) {
     switch (type.$$typeof) {
       case REACT_PROVIDER_TYPE:
         {
-          var provider = type;
-          return getContextName(provider._context) + '.Provider';
+          return null;
         }
 
       case REACT_CONTEXT_TYPE:
         var context = type;
 
         {
-          return getContextName(context) + '.Consumer';
+          return getContextName(context) + '.Provider';
         }
 
       case REACT_CONSUMER_TYPE:
         {
-          return null;
+          var consumer = type;
+          return getContextName(consumer._context) + '.Consumer';
         }
 
       case REACT_FORWARD_REF_TYPE:
@@ -308,7 +307,7 @@ function isValidElementType(type) {
   }
 
   if (typeof type === 'object' && type !== null) {
-    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || enableRenderableContext  || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || !enableRenderableContext  || type.$$typeof === REACT_CONSUMER_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
     // types supported by any Flight configuration anywhere since
     // we don't know which Flight build this will end up being used
     // with.
@@ -751,11 +750,10 @@ var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
 var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
 var REACT_CLIENT_REFERENCE = Symbol.for('react.client.reference');
 var specialPropKeyWarningShown;
-var specialPropRefWarningShown;
-var didWarnAboutStringRefs;
+var didWarnAboutElementRef;
 
 {
-  didWarnAboutStringRefs = {};
+  didWarnAboutElementRef = {};
 }
 
 function hasValidRef(config) {
@@ -786,20 +784,6 @@ function hasValidKey(config) {
   return config.key !== undefined;
 }
 
-function warnIfStringRefCannotBeAutoConverted(config, self) {
-  {
-    if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
-      var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
-
-      if (!didWarnAboutStringRefs[componentName]) {
-        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://react.dev/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
-
-        didWarnAboutStringRefs[componentName] = true;
-      }
-    }
-  }
-}
-
 function defineKeyPropWarningGetter(props, displayName) {
   {
     var warnAboutAccessingKey = function () {
@@ -818,23 +802,20 @@ function defineKeyPropWarningGetter(props, displayName) {
   }
 }
 
-function defineRefPropWarningGetter(props, displayName) {
+function elementRefGetterWithDeprecationWarning() {
   {
-    {
-      var warnAboutAccessingRef = function () {
-        if (!specialPropRefWarningShown) {
-          specialPropRefWarningShown = true;
+    var componentName = getComponentNameFromType(this.type);
 
-          error('%s: `ref` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://react.dev/link/special-props)', displayName);
-        }
-      };
+    if (!didWarnAboutElementRef[componentName]) {
+      didWarnAboutElementRef[componentName] = true;
 
-      warnAboutAccessingRef.isReactWarning = true;
-      Object.defineProperty(props, 'ref', {
-        get: warnAboutAccessingRef,
-        configurable: true
-      });
-    }
+      error('Accessing element.ref was removed in React 19. ref is now a ' + 'regular prop. It will be removed from the JSX Element ' + 'type in a future release.');
+    } // An undefined `element.ref` is coerced to `null` for
+    // backwards compatibility.
+
+
+    var refProp = this.props.ref;
+    return refProp !== undefined ? refProp : null;
   }
 }
 /**
@@ -863,25 +844,60 @@ function ReactElement(type, key, _ref, self, source, owner, props) {
   var ref;
 
   {
-    ref = _ref;
+    // When enableRefAsProp is on, ignore whatever was passed as the ref
+    // argument and treat `props.ref` as the source of truth. The only thing we
+    // use this for is `element.ref`, which will log a deprecation warning on
+    // access. In the next release, we can remove `element.ref` as well as the
+    // `ref` argument.
+    var refProp = props.ref; // An undefined `element.ref` is coerced to `null` for
+    // backwards compatibility.
+
+    ref = refProp !== undefined ? refProp : null;
   }
 
   var element;
 
   {
-    // In prod, `ref` is a regular property. It will be removed in a
-    // future release.
+    // In dev, make `ref` a non-enumerable property with a warning. It's non-
+    // enumerable so that test matchers and serializers don't access it and
+    // trigger the warning.
+    //
+    // `ref` will be removed from the element completely in a future release.
     element = {
       // This tag allows us to uniquely identify this as a React Element
       $$typeof: REACT_ELEMENT_TYPE,
       // Built-in properties that belong on the element
       type: type,
       key: key,
-      ref: ref,
       props: props,
       // Record the component responsible for creating this element.
       _owner: owner
     };
+
+    if (ref !== null) {
+      Object.defineProperty(element, 'ref', {
+        enumerable: false,
+        get: elementRefGetterWithDeprecationWarning
+      });
+    } else {
+      // Don't warn on access if a ref is not given. This reduces false
+      // positives in cases where a test serializer uses
+      // getOwnPropertyDescriptors to compare objects, like Jest does, which is
+      // a problem because it bypasses non-enumerability.
+      //
+      // So unfortunately this will trigger a false positive warning in Jest
+      // when the diff is printed:
+      //
+      //   expect(<div ref={ref} />).toEqual(<span ref={ref} />);
+      //
+      // A bit sketchy, but this is what we've done for the `props.key` and
+      // `props.ref` accessors for years, which implies it will be good enough
+      // for `element.ref`, too. Let's see if anyone complains.
+      Object.defineProperty(element, 'ref', {
+        enumerable: false,
+        value: null
+      });
+    }
   }
 
   {
@@ -1023,20 +1039,12 @@ function jsxDEV$1(type, config, maybeKey, isStaticChildren, source, self) {
       key = '' + config.key;
     }
 
-    if (hasValidRef(config)) {
-      {
-        ref = config.ref;
-      }
-
-      {
-        warnIfStringRefCannotBeAutoConverted(config, self);
-      }
-    } // Remaining properties are added to a new props object
+    if (hasValidRef(config)) ; // Remaining properties are added to a new props object
 
 
     for (propName in config) {
       if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
-      propName !== 'key' && (propName !== 'ref')) {
+      propName !== 'key' && (enableRefAsProp )) {
         props[propName] = config[propName];
       }
     } // Resolve default props
@@ -1052,16 +1060,12 @@ function jsxDEV$1(type, config, maybeKey, isStaticChildren, source, self) {
       }
     }
 
-    if (key || ref) {
+    if (key || !enableRefAsProp ) {
       var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
 
       if (key) {
         defineKeyPropWarningGetter(props, displayName);
       }
-
-      if (ref) {
-        defineRefPropWarningGetter(props, displayName);
-      }
     }
 
     var element = ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
@@ -1244,14 +1248,6 @@ function validateFragmentProps(fragment) {
         break;
       }
     }
-
-    if (fragment.ref !== null) {
-      setCurrentlyValidatingElement(fragment);
-
-      error('Invalid attribute `ref` supplied to `React.Fragment`.');
-
-      setCurrentlyValidatingElement(null);
-    }
   }
 }
 

package/cjs/react-jsx-runtime.development.js

@@ -96,14 +96,13 @@ var enableScopeAPI = false; // Experimental Create Event Handle API.
 var enableTransitionTracing = false; // No known bugs, but needs performance testing
 
 var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
-// Ready for next major.
-//
-// Alias __NEXT_MAJOR__ to false for easier skimming.
-// -----------------------------------------------------------------------------
+// as a normal prop instead of stripping it from the props object.
+// Passes `ref` as a normal prop instead of stripping it from the props object
+// during element creation.
 
-var __NEXT_MAJOR__ = false; // Removes legacy style context
+var enableRefAsProp = true;
 
-var enableRenderableContext = __NEXT_MAJOR__; // -----------------------------------------------------------------------------
+var enableRenderableContext = true; // -----------------------------------------------------------------------------
 // stuff. Intended to enable React core members to more easily debug scheduling
 // issues in DEV builds.
 
@@ -177,20 +176,20 @@ function getComponentNameFromType(type) {
     switch (type.$$typeof) {
       case REACT_PROVIDER_TYPE:
         {
-          var provider = type;
-          return getContextName(provider._context) + '.Provider';
+          return null;
         }
 
       case REACT_CONTEXT_TYPE:
         var context = type;
 
         {
-          return getContextName(context) + '.Consumer';
+          return getContextName(context) + '.Provider';
         }
 
       case REACT_CONSUMER_TYPE:
         {
-          return null;
+          var consumer = type;
+          return getContextName(consumer._context) + '.Consumer';
         }
 
       case REACT_FORWARD_REF_TYPE:
@@ -308,7 +307,7 @@ function isValidElementType(type) {
   }
 
   if (typeof type === 'object' && type !== null) {
-    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || enableRenderableContext  || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || !enableRenderableContext  || type.$$typeof === REACT_CONSUMER_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
     // types supported by any Flight configuration anywhere since
     // we don't know which Flight build this will end up being used
     // with.
@@ -751,11 +750,10 @@ var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
 var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
 var REACT_CLIENT_REFERENCE = Symbol.for('react.client.reference');
 var specialPropKeyWarningShown;
-var specialPropRefWarningShown;
-var didWarnAboutStringRefs;
+var didWarnAboutElementRef;
 
 {
-  didWarnAboutStringRefs = {};
+  didWarnAboutElementRef = {};
 }
 
 function hasValidRef(config) {
@@ -786,20 +784,6 @@ function hasValidKey(config) {
   return config.key !== undefined;
 }
 
-function warnIfStringRefCannotBeAutoConverted(config, self) {
-  {
-    if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
-      var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
-
-      if (!didWarnAboutStringRefs[componentName]) {
-        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://react.dev/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
-
-        didWarnAboutStringRefs[componentName] = true;
-      }
-    }
-  }
-}
-
 function defineKeyPropWarningGetter(props, displayName) {
   {
     var warnAboutAccessingKey = function () {
@@ -818,23 +802,20 @@ function defineKeyPropWarningGetter(props, displayName) {
   }
 }
 
-function defineRefPropWarningGetter(props, displayName) {
+function elementRefGetterWithDeprecationWarning() {
   {
-    {
-      var warnAboutAccessingRef = function () {
-        if (!specialPropRefWarningShown) {
-          specialPropRefWarningShown = true;
+    var componentName = getComponentNameFromType(this.type);
 
-          error('%s: `ref` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://react.dev/link/special-props)', displayName);
-        }
-      };
+    if (!didWarnAboutElementRef[componentName]) {
+      didWarnAboutElementRef[componentName] = true;
 
-      warnAboutAccessingRef.isReactWarning = true;
-      Object.defineProperty(props, 'ref', {
-        get: warnAboutAccessingRef,
-        configurable: true
-      });
-    }
+      error('Accessing element.ref was removed in React 19. ref is now a ' + 'regular prop. It will be removed from the JSX Element ' + 'type in a future release.');
+    } // An undefined `element.ref` is coerced to `null` for
+    // backwards compatibility.
+
+
+    var refProp = this.props.ref;
+    return refProp !== undefined ? refProp : null;
   }
 }
 /**
@@ -863,25 +844,60 @@ function ReactElement(type, key, _ref, self, source, owner, props) {
   var ref;
 
   {
-    ref = _ref;
+    // When enableRefAsProp is on, ignore whatever was passed as the ref
+    // argument and treat `props.ref` as the source of truth. The only thing we
+    // use this for is `element.ref`, which will log a deprecation warning on
+    // access. In the next release, we can remove `element.ref` as well as the
+    // `ref` argument.
+    var refProp = props.ref; // An undefined `element.ref` is coerced to `null` for
+    // backwards compatibility.
+
+    ref = refProp !== undefined ? refProp : null;
   }
 
   var element;
 
   {
-    // In prod, `ref` is a regular property. It will be removed in a
-    // future release.
+    // In dev, make `ref` a non-enumerable property with a warning. It's non-
+    // enumerable so that test matchers and serializers don't access it and
+    // trigger the warning.
+    //
+    // `ref` will be removed from the element completely in a future release.
     element = {
       // This tag allows us to uniquely identify this as a React Element
       $$typeof: REACT_ELEMENT_TYPE,
       // Built-in properties that belong on the element
       type: type,
       key: key,
-      ref: ref,
       props: props,
       // Record the component responsible for creating this element.
       _owner: owner
     };
+
+    if (ref !== null) {
+      Object.defineProperty(element, 'ref', {
+        enumerable: false,
+        get: elementRefGetterWithDeprecationWarning
+      });
+    } else {
+      // Don't warn on access if a ref is not given. This reduces false
+      // positives in cases where a test serializer uses
+      // getOwnPropertyDescriptors to compare objects, like Jest does, which is
+      // a problem because it bypasses non-enumerability.
+      //
+      // So unfortunately this will trigger a false positive warning in Jest
+      // when the diff is printed:
+      //
+      //   expect(<div ref={ref} />).toEqual(<span ref={ref} />);
+      //
+      // A bit sketchy, but this is what we've done for the `props.key` and
+      // `props.ref` accessors for years, which implies it will be good enough
+      // for `element.ref`, too. Let's see if anyone complains.
+      Object.defineProperty(element, 'ref', {
+        enumerable: false,
+        value: null
+      });
+    }
   }
 
   {
@@ -1047,20 +1063,12 @@ function jsxDEV(type, config, maybeKey, isStaticChildren, source, self) {
       key = '' + config.key;
     }
 
-    if (hasValidRef(config)) {
-      {
-        ref = config.ref;
-      }
-
-      {
-        warnIfStringRefCannotBeAutoConverted(config, self);
-      }
-    } // Remaining properties are added to a new props object
+    if (hasValidRef(config)) ; // Remaining properties are added to a new props object
 
 
     for (propName in config) {
       if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
-      propName !== 'key' && (propName !== 'ref')) {
+      propName !== 'key' && (enableRefAsProp )) {
         props[propName] = config[propName];
       }
     } // Resolve default props
@@ -1076,16 +1084,12 @@ function jsxDEV(type, config, maybeKey, isStaticChildren, source, self) {
       }
     }
 
-    if (key || ref) {
+    if (key || !enableRefAsProp ) {
       var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
 
       if (key) {
         defineKeyPropWarningGetter(props, displayName);
       }
-
-      if (ref) {
-        defineRefPropWarningGetter(props, displayName);
-      }
     }
 
     var element = ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
@@ -1268,14 +1272,6 @@ function validateFragmentProps(fragment) {
         break;
       }
     }
-
-    if (fragment.ref !== null) {
-      setCurrentlyValidatingElement(fragment);
-
-      error('Invalid attribute `ref` supplied to `React.Fragment`.');
-
-      setCurrentlyValidatingElement(null);
-    }
   }
 }
 

package/cjs/react-jsx-runtime.production.js

@@ -19,6 +19,13 @@ var React = require('react');
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
 
+// -----------------------------------------------------------------------------
+// as a normal prop instead of stripping it from the props object.
+// Passes `ref` as a normal prop instead of stripping it from the props object
+// during element creation.
+
+const enableRefAsProp = true;
+
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
 // $FlowFixMe[method-unbinding]
@@ -26,11 +33,6 @@ const hasOwnProperty = Object.prototype.hasOwnProperty;
 
 const ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
 
-function hasValidRef(config) {
-
-  return config.ref !== undefined;
-}
-
 function hasValidKey(config) {
 
   return config.key !== undefined;
@@ -61,7 +63,15 @@ function ReactElement(type, key, _ref, self, source, owner, props) {
   let ref;
 
   {
-    ref = _ref;
+    // When enableRefAsProp is on, ignore whatever was passed as the ref
+    // argument and treat `props.ref` as the source of truth. The only thing we
+    // use this for is `element.ref`, which will log a deprecation warning on
+    // access. In the next release, we can remove `element.ref` as well as the
+    // `ref` argument.
+    const refProp = props.ref; // An undefined `element.ref` is coerced to `null` for
+    // backwards compatibility.
+
+    ref = refProp !== undefined ? refProp : null;
   }
 
   let element;
@@ -114,16 +124,10 @@ function jsxProd(type, config, maybeKey) {
     key = '' + config.key;
   }
 
-  if (hasValidRef(config)) {
-    {
-      ref = config.ref;
-    }
-  } // Remaining properties are added to a new props object
-
 
   for (propName in config) {
     if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
-    propName !== 'key' && (propName !== 'ref')) {
+    propName !== 'key' && (enableRefAsProp )) {
       props[propName] = config[propName];
     }
   } // Resolve default props

package/cjs/react-jsx-runtime.production.min.js

@@ -7,7 +7,7 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var f=require("react"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;
-function p(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=p;exports.jsxs=p;
+'use strict';var f=require("react"),h=Symbol.for("react.element"),k=Symbol.for("react.fragment"),l=Object.prototype.hasOwnProperty,m=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;
+function n(d,b,g){var c={},e=null;void 0!==g&&(e=""+g);void 0!==b.key&&(e=""+b.key);for(a in b)l.call(b,a)&&"key"!==a&&(c[a]=b[a]);if(d&&d.defaultProps)for(a in b=d.defaultProps,b)void 0===c[a]&&(c[a]=b[a]);var a=c.ref;return{$$typeof:h,type:d,key:e,ref:void 0!==a?a:null,props:c,_owner:m.current}}exports.Fragment=k;exports.jsx=n;exports.jsxs=n;
 
 //# sourceMappingURL=react-jsx-runtime.production.min.js.map

package/cjs/react-jsx-runtime.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-jsx-runtime.production.min.js","lineCount":11,"mappings":"A;;;;;;;;;aAYA,IAAIA,EAAQC,OAAA,CAAQ,OAAR,CAAZ,CAMMC,EAAqBC,MAAOC,CAAAA,GAAP,CAAW,eAAX,CAN3B,CAOMC,EAAsBF,MAAOC,CAAAA,GAAP,CAAW,gBAAX,CAP5B,CAYME,EAAiBC,MAAOC,CAAAA,SAAUF,CAAAA,cAZxC,CAcMG,EALuBT,CAAMU,CAAAA,kDAKYD,CAAAA,iBAoE/CE;QAASA,EAAO,CAACC,CAAD,CAAOC,CAAP,CAAeC,CAAf,CAAyB,CACvC,IAAIC,CAAJ,CAEMC,EAAQ,EAFd,CAGIC,EAAM,IAHV,CAIIC,EAAM,IAOOC,KAAAA,EAAjB,GAAIL,CAAJ,GAEEG,CAFF,CAEQ,EAFR,CAEaH,CAFb,CAvEsBK,KAAAA,EA4EtB,GAAgBN,CA5EFI,CAAAA,GA4Ed,GAEEA,CAFF,CAEQ,EAFR,CAEaJ,CAAOI,CAAAA,GAFpB,CAjFsBE,KAAAA,EAsFtB,GAAgBN,CAtFFK,CAAAA,GAsFd,GAEIA,CAFJ,CAEUL,CAAOK,CAAAA,GAFjB,CAOA,KAAKH,CAAL,GAAiBF,EAAjB,CACMP,CAAec,CAAAA,IAAf,CAAoBP,CAApB,CAA4BE,CAA5B,CAAJ,EACa,KADb,GACAA,CADA,EACoC,KADpC,GACuBA,CADvB,GAEEC,CAAA,CAAMD,CAAN,CAFF,CAEoBF,CAAA,CAAOE,CAAP,CAFpB,CAOF,IAAIH,CAAJ,EAAYA,CAAKS,CAAAA,YAAjB,CAGE,IAAKN,CAAL,GAFMM,EAEWA,CAFIT,CAAKS,CAAAA,YAETA,CAAAA,CAAjB,CAC0BF,IAAAA,EAAxB,GAAIH,CAAA,CAAMD,CAAN,CAAJ,GACEC,CAAA,CAAMD,CAAN,CADF,CACoBM,CAAA,CAAaN,CAAb,CADpB,CAMJ,OAtEYO,CAERC,SAAUrB,CAFFoB,CAIRV,KAkEgBA,CAtERU,CAKRL,IAiEsBA,CAtEdK,CAMRJ,IAgE2BA,CAtEnBI,CAORN,MA+DiFA,CAtEzEM,CASRE,OA6DsDf,CAAkBgB,CAAAA,OAtEhEH,CAuB2B,CAuDzCI,OAAQC,CAAAA,QAAR,CAAmBtB,CACnBqB,QAAQE,CAAAA,GAAR,CAAcA,CACdF,QAAQG,CAAAA,IAAR,CAAeA;","sources":["react-jsx-runtime.production.js"],"names":["React","require","REACT_ELEMENT_TYPE","Symbol","for","REACT_FRAGMENT_TYPE","hasOwnProperty","Object","prototype","ReactCurrentOwner","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","jsxProd","type","config","maybeKey","propName","props","key","ref","undefined","call","defaultProps","element","$$typeof","_owner","current","exports","Fragment","jsx","jsxs"],"ignoreList":[0]}
+{"version":3,"file":"react-jsx-runtime.production.min.js","lineCount":11,"mappings":"A;;;;;;;;;aAYA,IAAIA,EAAQC,OAAA,CAAQ,OAAR,CAAZ,CAMMC,EAAqBC,MAAOC,CAAAA,GAAP,CAAW,eAAX,CAN3B,CAOMC,EAAsBF,MAAOC,CAAAA,GAAP,CAAW,gBAAX,CAP5B,CAmBME,EAAiBC,MAAOC,CAAAA,SAAUF,CAAAA,cAnBxC,CAqBMG,EALuBT,CAAMU,CAAAA,kDAKYD,CAAAA,iBAuE/CE;QAASA,EAAO,CAACC,CAAD,CAAOC,CAAP,CAAeC,CAAf,CAAyB,CACvC,IAEMC,EAAQ,EAFd,CAGIC,EAAM,IAQOC,KAAAA,EAAjB,GAAIH,CAAJ,GAEEE,CAFF,CAEQ,EAFR,CAEaF,CAFb,CA/EsBG,KAAAA,EAoFtB,GAAgBJ,CApFFG,CAAAA,GAoFd,GAEEA,CAFF,CAEQ,EAFR,CAEaH,CAAOG,CAAAA,GAFpB,CAMA,KAAKE,CAAL,GAAiBL,EAAjB,CACMP,CAAea,CAAAA,IAAf,CAAoBN,CAApB,CAA4BK,CAA5B,CAAJ,EACa,KADb,GACAA,CADA,GAEEH,CAAA,CAAMG,CAAN,CAFF,CAEoBL,CAAA,CAAOK,CAAP,CAFpB,CAOF,IAAIN,CAAJ,EAAYA,CAAKQ,CAAAA,YAAjB,CAGE,IAAKF,CAAL,GAFME,EAEWA,CAFIR,CAAKQ,CAAAA,YAETA,CAAAA,CAAjB,CAC0BH,IAAAA,EAAxB,GAAIF,CAAA,CAAMG,CAAN,CAAJ,GACEH,CAAA,CAAMG,CAAN,CADF,CACoBE,CAAA,CAAaF,CAAb,CADpB,CArEIG,KAAAA,EA2E6EN,CA3E7DO,CAAAA,GA2ExB,OAhEYC,CAERC,SAAUtB,CAFFqB,CAIRX,KA4DgBA,CAhERW,CAKRP,IA2DsBA,CAhEdO,CAMRD,IAdgBL,IAAAA,EAAZK,GAAAD,CAAAC,CAAwBD,CAAxBC,CAAkC,IAQ9BC,CAORR,MAyDiFA,CAhEzEQ,CASRE,OAuDsDhB,CAAkBiB,CAAAA,OAhEhEH,CAuB2B,CAiDzCI,OAAQC,CAAAA,QAAR,CAAmBvB,CACnBsB,QAAQE,CAAAA,GAAR,CAAcA,CACdF,QAAQG,CAAAA,IAAR,CAAeA;","sources":["react-jsx-runtime.production.js"],"names":["React","require","REACT_ELEMENT_TYPE","Symbol","for","REACT_FRAGMENT_TYPE","hasOwnProperty","Object","prototype","ReactCurrentOwner","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","jsxProd","type","config","maybeKey","props","key","undefined","propName","call","defaultProps","refProp","ref","element","$$typeof","_owner","current","exports","Fragment","jsx","jsxs"],"ignoreList":[0]}

package/cjs/react-jsx-runtime.profiling.js

@@ -19,6 +19,13 @@ var React = require('react');
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
 
+// -----------------------------------------------------------------------------
+// as a normal prop instead of stripping it from the props object.
+// Passes `ref` as a normal prop instead of stripping it from the props object
+// during element creation.
+
+const enableRefAsProp = true;
+
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
 // $FlowFixMe[method-unbinding]
@@ -26,11 +33,6 @@ const hasOwnProperty = Object.prototype.hasOwnProperty;
 
 const ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
 
-function hasValidRef(config) {
-
-  return config.ref !== undefined;
-}
-
 function hasValidKey(config) {
 
   return config.key !== undefined;
@@ -61,7 +63,15 @@ function ReactElement(type, key, _ref, self, source, owner, props) {
   let ref;
 
   {
-    ref = _ref;
+    // When enableRefAsProp is on, ignore whatever was passed as the ref
+    // argument and treat `props.ref` as the source of truth. The only thing we
+    // use this for is `element.ref`, which will log a deprecation warning on
+    // access. In the next release, we can remove `element.ref` as well as the
+    // `ref` argument.
+    const refProp = props.ref; // An undefined `element.ref` is coerced to `null` for
+    // backwards compatibility.
+
+    ref = refProp !== undefined ? refProp : null;
   }
 
   let element;
@@ -114,16 +124,10 @@ function jsxProd(type, config, maybeKey) {
     key = '' + config.key;
   }
 
-  if (hasValidRef(config)) {
-    {
-      ref = config.ref;
-    }
-  } // Remaining properties are added to a new props object
-
 
   for (propName in config) {
     if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
-    propName !== 'key' && (propName !== 'ref')) {
+    propName !== 'key' && (enableRefAsProp )) {
       props[propName] = config[propName];
     }
   } // Resolve default props

package/cjs/react-jsx-runtime.profiling.min.js

@@ -7,7 +7,7 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var f=require("react"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;
-function p(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=p;exports.jsxs=p;
+'use strict';var f=require("react"),h=Symbol.for("react.element"),k=Symbol.for("react.fragment"),l=Object.prototype.hasOwnProperty,m=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;
+function n(d,b,g){var c={},e=null;void 0!==g&&(e=""+g);void 0!==b.key&&(e=""+b.key);for(a in b)l.call(b,a)&&"key"!==a&&(c[a]=b[a]);if(d&&d.defaultProps)for(a in b=d.defaultProps,b)void 0===c[a]&&(c[a]=b[a]);var a=c.ref;return{$$typeof:h,type:d,key:e,ref:void 0!==a?a:null,props:c,_owner:m.current}}exports.Fragment=k;exports.jsx=n;exports.jsxs=n;
 
 //# sourceMappingURL=react-jsx-runtime.profiling.min.js.map

package/cjs/react-jsx-runtime.profiling.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-jsx-runtime.profiling.min.js","lineCount":11,"mappings":"A;;;;;;;;;aAYA,IAAIA,EAAQC,OAAA,CAAQ,OAAR,CAAZ,CAMMC,EAAqBC,MAAOC,CAAAA,GAAP,CAAW,eAAX,CAN3B,CAOMC,EAAsBF,MAAOC,CAAAA,GAAP,CAAW,gBAAX,CAP5B,CAYME,EAAiBC,MAAOC,CAAAA,SAAUF,CAAAA,cAZxC,CAcMG,EALuBT,CAAMU,CAAAA,kDAKYD,CAAAA,iBAoE/CE;QAASA,EAAO,CAACC,CAAD,CAAOC,CAAP,CAAeC,CAAf,CAAyB,CACvC,IAAIC,CAAJ,CAEMC,EAAQ,EAFd,CAGIC,EAAM,IAHV,CAIIC,EAAM,IAOOC,KAAAA,EAAjB,GAAIL,CAAJ,GAEEG,CAFF,CAEQ,EAFR,CAEaH,CAFb,CAvEsBK,KAAAA,EA4EtB,GAAgBN,CA5EFI,CAAAA,GA4Ed,GAEEA,CAFF,CAEQ,EAFR,CAEaJ,CAAOI,CAAAA,GAFpB,CAjFsBE,KAAAA,EAsFtB,GAAgBN,CAtFFK,CAAAA,GAsFd,GAEIA,CAFJ,CAEUL,CAAOK,CAAAA,GAFjB,CAOA,KAAKH,CAAL,GAAiBF,EAAjB,CACMP,CAAec,CAAAA,IAAf,CAAoBP,CAApB,CAA4BE,CAA5B,CAAJ,EACa,KADb,GACAA,CADA,EACoC,KADpC,GACuBA,CADvB,GAEEC,CAAA,CAAMD,CAAN,CAFF,CAEoBF,CAAA,CAAOE,CAAP,CAFpB,CAOF,IAAIH,CAAJ,EAAYA,CAAKS,CAAAA,YAAjB,CAGE,IAAKN,CAAL,GAFMM,EAEWA,CAFIT,CAAKS,CAAAA,YAETA,CAAAA,CAAjB,CAC0BF,IAAAA,EAAxB,GAAIH,CAAA,CAAMD,CAAN,CAAJ,GACEC,CAAA,CAAMD,CAAN,CADF,CACoBM,CAAA,CAAaN,CAAb,CADpB,CAMJ,OAtEYO,CAERC,SAAUrB,CAFFoB,CAIRV,KAkEgBA,CAtERU,CAKRL,IAiEsBA,CAtEdK,CAMRJ,IAgE2BA,CAtEnBI,CAORN,MA+DiFA,CAtEzEM,CASRE,OA6DsDf,CAAkBgB,CAAAA,OAtEhEH,CAuB2B,CAuDzCI,OAAQC,CAAAA,QAAR,CAAmBtB,CACnBqB,QAAQE,CAAAA,GAAR,CAAcA,CACdF,QAAQG,CAAAA,IAAR,CAAeA;","sources":["react-jsx-runtime.profiling.js"],"names":["React","require","REACT_ELEMENT_TYPE","Symbol","for","REACT_FRAGMENT_TYPE","hasOwnProperty","Object","prototype","ReactCurrentOwner","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","jsxProd","type","config","maybeKey","propName","props","key","ref","undefined","call","defaultProps","element","$$typeof","_owner","current","exports","Fragment","jsx","jsxs"],"ignoreList":[0]}
+{"version":3,"file":"react-jsx-runtime.profiling.min.js","lineCount":11,"mappings":"A;;;;;;;;;aAYA,IAAIA,EAAQC,OAAA,CAAQ,OAAR,CAAZ,CAMMC,EAAqBC,MAAOC,CAAAA,GAAP,CAAW,eAAX,CAN3B,CAOMC,EAAsBF,MAAOC,CAAAA,GAAP,CAAW,gBAAX,CAP5B,CAmBME,EAAiBC,MAAOC,CAAAA,SAAUF,CAAAA,cAnBxC,CAqBMG,EALuBT,CAAMU,CAAAA,kDAKYD,CAAAA,iBAuE/CE;QAASA,EAAO,CAACC,CAAD,CAAOC,CAAP,CAAeC,CAAf,CAAyB,CACvC,IAEMC,EAAQ,EAFd,CAGIC,EAAM,IAQOC,KAAAA,EAAjB,GAAIH,CAAJ,GAEEE,CAFF,CAEQ,EAFR,CAEaF,CAFb,CA/EsBG,KAAAA,EAoFtB,GAAgBJ,CApFFG,CAAAA,GAoFd,GAEEA,CAFF,CAEQ,EAFR,CAEaH,CAAOG,CAAAA,GAFpB,CAMA,KAAKE,CAAL,GAAiBL,EAAjB,CACMP,CAAea,CAAAA,IAAf,CAAoBN,CAApB,CAA4BK,CAA5B,CAAJ,EACa,KADb,GACAA,CADA,GAEEH,CAAA,CAAMG,CAAN,CAFF,CAEoBL,CAAA,CAAOK,CAAP,CAFpB,CAOF,IAAIN,CAAJ,EAAYA,CAAKQ,CAAAA,YAAjB,CAGE,IAAKF,CAAL,GAFME,EAEWA,CAFIR,CAAKQ,CAAAA,YAETA,CAAAA,CAAjB,CAC0BH,IAAAA,EAAxB,GAAIF,CAAA,CAAMG,CAAN,CAAJ,GACEH,CAAA,CAAMG,CAAN,CADF,CACoBE,CAAA,CAAaF,CAAb,CADpB,CArEIG,KAAAA,EA2E6EN,CA3E7DO,CAAAA,GA2ExB,OAhEYC,CAERC,SAAUtB,CAFFqB,CAIRX,KA4DgBA,CAhERW,CAKRP,IA2DsBA,CAhEdO,CAMRD,IAdgBL,IAAAA,EAAZK,GAAAD,CAAAC,CAAwBD,CAAxBC,CAAkC,IAQ9BC,CAORR,MAyDiFA,CAhEzEQ,CASRE,OAuDsDhB,CAAkBiB,CAAAA,OAhEhEH,CAuB2B,CAiDzCI,OAAQC,CAAAA,QAAR,CAAmBvB,CACnBsB,QAAQE,CAAAA,GAAR,CAAcA,CACdF,QAAQG,CAAAA,IAAR,CAAeA;","sources":["react-jsx-runtime.profiling.js"],"names":["React","require","REACT_ELEMENT_TYPE","Symbol","for","REACT_FRAGMENT_TYPE","hasOwnProperty","Object","prototype","ReactCurrentOwner","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","jsxProd","type","config","maybeKey","props","key","undefined","propName","call","defaultProps","refProp","ref","element","$$typeof","_owner","current","exports","Fragment","jsx","jsxs"],"ignoreList":[0]}