react 0.0.0-experimental-ee4326357 → 0.0.0-experimental-5fe091c77
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/react-jsx-dev-runtime.development.js +14 -12
- package/cjs/react-jsx-runtime.development.js +14 -12
- package/cjs/react-unstable-shared-subset.development.js +14 -12
- package/cjs/react-unstable-shared-subset.production.min.js +1 -1
- package/cjs/react.development.js +14 -12
- package/cjs/react.production.min.js +1 -1
- package/package.json +1 -1
- package/umd/react.development.js +14 -12
- package/umd/react.production.min.js +1 -1
- package/umd/react.profiling.min.js +1 -1
|
@@ -150,13 +150,15 @@ function isValidElementType(type) {
|
|
|
150
150
|
function getWrappedName(outerType, innerType, wrapperName) {
|
|
151
151
|
var functionName = innerType.displayName || innerType.name || '';
|
|
152
152
|
return outerType.displayName || (functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName);
|
|
153
|
-
}
|
|
153
|
+
} // Keep in sync with react-reconciler/getComponentNameFromFiber
|
|
154
|
+
|
|
154
155
|
|
|
155
156
|
function getContextName(type) {
|
|
156
157
|
return type.displayName || 'Context';
|
|
157
|
-
}
|
|
158
|
+
} // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
|
|
159
|
+
|
|
158
160
|
|
|
159
|
-
function
|
|
161
|
+
function getComponentNameFromType(type) {
|
|
160
162
|
if (type == null) {
|
|
161
163
|
// Host root, text node or just invalid type.
|
|
162
164
|
return null;
|
|
@@ -213,7 +215,7 @@ function getComponentName(type) {
|
|
|
213
215
|
return getWrappedName(type, type.render, 'ForwardRef');
|
|
214
216
|
|
|
215
217
|
case REACT_MEMO_TYPE:
|
|
216
|
-
return
|
|
218
|
+
return getComponentNameFromType(type.type);
|
|
217
219
|
|
|
218
220
|
case REACT_LAZY_TYPE:
|
|
219
221
|
{
|
|
@@ -222,7 +224,7 @@ function getComponentName(type) {
|
|
|
222
224
|
var init = lazyComponent._init;
|
|
223
225
|
|
|
224
226
|
try {
|
|
225
|
-
return
|
|
227
|
+
return getComponentNameFromType(init(payload));
|
|
226
228
|
} catch (x) {
|
|
227
229
|
return null;
|
|
228
230
|
}
|
|
@@ -676,10 +678,10 @@ function hasValidKey(config) {
|
|
|
676
678
|
function warnIfStringRefCannotBeAutoConverted(config, self) {
|
|
677
679
|
{
|
|
678
680
|
if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
|
|
679
|
-
var componentName =
|
|
681
|
+
var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
|
|
680
682
|
|
|
681
683
|
if (!didWarnAboutStringRefs[componentName]) {
|
|
682
|
-
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://reactjs.org/link/strict-mode-string-ref',
|
|
684
|
+
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://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
|
|
683
685
|
|
|
684
686
|
didWarnAboutStringRefs[componentName] = true;
|
|
685
687
|
}
|
|
@@ -901,7 +903,7 @@ function isValidElement(object) {
|
|
|
901
903
|
function getDeclarationErrorAddendum() {
|
|
902
904
|
{
|
|
903
905
|
if (ReactCurrentOwner$1.current) {
|
|
904
|
-
var name =
|
|
906
|
+
var name = getComponentNameFromType(ReactCurrentOwner$1.current.type);
|
|
905
907
|
|
|
906
908
|
if (name) {
|
|
907
909
|
return '\n\nCheck the render method of `' + name + '`.';
|
|
@@ -981,7 +983,7 @@ function validateExplicitKey(element, parentType) {
|
|
|
981
983
|
|
|
982
984
|
if (element && element._owner && element._owner !== ReactCurrentOwner$1.current) {
|
|
983
985
|
// Give the component that originally created this child.
|
|
984
|
-
childOwner = " It was passed a child from " +
|
|
986
|
+
childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
|
|
985
987
|
}
|
|
986
988
|
|
|
987
989
|
setCurrentlyValidatingElement$1(element);
|
|
@@ -1071,12 +1073,12 @@ function validatePropTypes(element) {
|
|
|
1071
1073
|
|
|
1072
1074
|
if (propTypes) {
|
|
1073
1075
|
// Intentionally inside to avoid triggering lazy initializers:
|
|
1074
|
-
var name =
|
|
1076
|
+
var name = getComponentNameFromType(type);
|
|
1075
1077
|
checkPropTypes(propTypes, element.props, 'prop', name, element);
|
|
1076
1078
|
} else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
|
|
1077
1079
|
propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:
|
|
1078
1080
|
|
|
1079
|
-
var _name =
|
|
1081
|
+
var _name = getComponentNameFromType(type);
|
|
1080
1082
|
|
|
1081
1083
|
error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');
|
|
1082
1084
|
}
|
|
@@ -1146,7 +1148,7 @@ function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
|
|
|
1146
1148
|
} else if (Array.isArray(type)) {
|
|
1147
1149
|
typeString = 'array';
|
|
1148
1150
|
} else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
|
|
1149
|
-
typeString = "<" + (
|
|
1151
|
+
typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
|
|
1150
1152
|
info = ' Did you accidentally export a JSX literal instead of a component?';
|
|
1151
1153
|
} else {
|
|
1152
1154
|
typeString = typeof type;
|
|
@@ -150,13 +150,15 @@ function isValidElementType(type) {
|
|
|
150
150
|
function getWrappedName(outerType, innerType, wrapperName) {
|
|
151
151
|
var functionName = innerType.displayName || innerType.name || '';
|
|
152
152
|
return outerType.displayName || (functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName);
|
|
153
|
-
}
|
|
153
|
+
} // Keep in sync with react-reconciler/getComponentNameFromFiber
|
|
154
|
+
|
|
154
155
|
|
|
155
156
|
function getContextName(type) {
|
|
156
157
|
return type.displayName || 'Context';
|
|
157
|
-
}
|
|
158
|
+
} // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
|
|
159
|
+
|
|
158
160
|
|
|
159
|
-
function
|
|
161
|
+
function getComponentNameFromType(type) {
|
|
160
162
|
if (type == null) {
|
|
161
163
|
// Host root, text node or just invalid type.
|
|
162
164
|
return null;
|
|
@@ -213,7 +215,7 @@ function getComponentName(type) {
|
|
|
213
215
|
return getWrappedName(type, type.render, 'ForwardRef');
|
|
214
216
|
|
|
215
217
|
case REACT_MEMO_TYPE:
|
|
216
|
-
return
|
|
218
|
+
return getComponentNameFromType(type.type);
|
|
217
219
|
|
|
218
220
|
case REACT_LAZY_TYPE:
|
|
219
221
|
{
|
|
@@ -222,7 +224,7 @@ function getComponentName(type) {
|
|
|
222
224
|
var init = lazyComponent._init;
|
|
223
225
|
|
|
224
226
|
try {
|
|
225
|
-
return
|
|
227
|
+
return getComponentNameFromType(init(payload));
|
|
226
228
|
} catch (x) {
|
|
227
229
|
return null;
|
|
228
230
|
}
|
|
@@ -676,10 +678,10 @@ function hasValidKey(config) {
|
|
|
676
678
|
function warnIfStringRefCannotBeAutoConverted(config, self) {
|
|
677
679
|
{
|
|
678
680
|
if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
|
|
679
|
-
var componentName =
|
|
681
|
+
var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
|
|
680
682
|
|
|
681
683
|
if (!didWarnAboutStringRefs[componentName]) {
|
|
682
|
-
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://reactjs.org/link/strict-mode-string-ref',
|
|
684
|
+
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://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
|
|
683
685
|
|
|
684
686
|
didWarnAboutStringRefs[componentName] = true;
|
|
685
687
|
}
|
|
@@ -901,7 +903,7 @@ function isValidElement(object) {
|
|
|
901
903
|
function getDeclarationErrorAddendum() {
|
|
902
904
|
{
|
|
903
905
|
if (ReactCurrentOwner$1.current) {
|
|
904
|
-
var name =
|
|
906
|
+
var name = getComponentNameFromType(ReactCurrentOwner$1.current.type);
|
|
905
907
|
|
|
906
908
|
if (name) {
|
|
907
909
|
return '\n\nCheck the render method of `' + name + '`.';
|
|
@@ -981,7 +983,7 @@ function validateExplicitKey(element, parentType) {
|
|
|
981
983
|
|
|
982
984
|
if (element && element._owner && element._owner !== ReactCurrentOwner$1.current) {
|
|
983
985
|
// Give the component that originally created this child.
|
|
984
|
-
childOwner = " It was passed a child from " +
|
|
986
|
+
childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
|
|
985
987
|
}
|
|
986
988
|
|
|
987
989
|
setCurrentlyValidatingElement$1(element);
|
|
@@ -1071,12 +1073,12 @@ function validatePropTypes(element) {
|
|
|
1071
1073
|
|
|
1072
1074
|
if (propTypes) {
|
|
1073
1075
|
// Intentionally inside to avoid triggering lazy initializers:
|
|
1074
|
-
var name =
|
|
1076
|
+
var name = getComponentNameFromType(type);
|
|
1075
1077
|
checkPropTypes(propTypes, element.props, 'prop', name, element);
|
|
1076
1078
|
} else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
|
|
1077
1079
|
propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:
|
|
1078
1080
|
|
|
1079
|
-
var _name =
|
|
1081
|
+
var _name = getComponentNameFromType(type);
|
|
1080
1082
|
|
|
1081
1083
|
error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');
|
|
1082
1084
|
}
|
|
@@ -1146,7 +1148,7 @@ function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
|
|
|
1146
1148
|
} else if (Array.isArray(type)) {
|
|
1147
1149
|
typeString = 'array';
|
|
1148
1150
|
} else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
|
|
1149
|
-
typeString = "<" + (
|
|
1151
|
+
typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
|
|
1150
1152
|
info = ' Did you accidentally export a JSX literal instead of a component?';
|
|
1151
1153
|
} else {
|
|
1152
1154
|
typeString = typeof type;
|
|
@@ -15,7 +15,7 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
15
15
|
|
|
16
16
|
var _assign = require('object-assign');
|
|
17
17
|
|
|
18
|
-
var ReactVersion = '17.0.2-experimental-
|
|
18
|
+
var ReactVersion = '17.0.2-experimental-5fe091c77';
|
|
19
19
|
|
|
20
20
|
// ATTENTION
|
|
21
21
|
// When adding new symbols to this file,
|
|
@@ -446,13 +446,15 @@ function createRef() {
|
|
|
446
446
|
function getWrappedName(outerType, innerType, wrapperName) {
|
|
447
447
|
var functionName = innerType.displayName || innerType.name || '';
|
|
448
448
|
return outerType.displayName || (functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName);
|
|
449
|
-
}
|
|
449
|
+
} // Keep in sync with react-reconciler/getComponentNameFromFiber
|
|
450
|
+
|
|
450
451
|
|
|
451
452
|
function getContextName(type) {
|
|
452
453
|
return type.displayName || 'Context';
|
|
453
|
-
}
|
|
454
|
+
} // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
|
|
455
|
+
|
|
454
456
|
|
|
455
|
-
function
|
|
457
|
+
function getComponentNameFromType(type) {
|
|
456
458
|
if (type == null) {
|
|
457
459
|
// Host root, text node or just invalid type.
|
|
458
460
|
return null;
|
|
@@ -509,7 +511,7 @@ function getComponentName(type) {
|
|
|
509
511
|
return getWrappedName(type, type.render, 'ForwardRef');
|
|
510
512
|
|
|
511
513
|
case REACT_MEMO_TYPE:
|
|
512
|
-
return
|
|
514
|
+
return getComponentNameFromType(type.type);
|
|
513
515
|
|
|
514
516
|
case REACT_LAZY_TYPE:
|
|
515
517
|
{
|
|
@@ -518,7 +520,7 @@ function getComponentName(type) {
|
|
|
518
520
|
var init = lazyComponent._init;
|
|
519
521
|
|
|
520
522
|
try {
|
|
521
|
-
return
|
|
523
|
+
return getComponentNameFromType(init(payload));
|
|
522
524
|
} catch (x) {
|
|
523
525
|
return null;
|
|
524
526
|
}
|
|
@@ -609,7 +611,7 @@ function defineRefPropWarningGetter(props, displayName) {
|
|
|
609
611
|
function warnIfStringRefCannotBeAutoConverted(config) {
|
|
610
612
|
{
|
|
611
613
|
if (typeof config.ref === 'string' && ReactCurrentOwner.current && config.__self && ReactCurrentOwner.current.stateNode !== config.__self) {
|
|
612
|
-
var componentName =
|
|
614
|
+
var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
|
|
613
615
|
|
|
614
616
|
if (!didWarnAboutStringRefs[componentName]) {
|
|
615
617
|
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://reactjs.org/link/strict-mode-string-ref', componentName, config.ref);
|
|
@@ -1838,7 +1840,7 @@ var propTypesMisspellWarningShown;
|
|
|
1838
1840
|
|
|
1839
1841
|
function getDeclarationErrorAddendum() {
|
|
1840
1842
|
if (ReactCurrentOwner.current) {
|
|
1841
|
-
var name =
|
|
1843
|
+
var name = getComponentNameFromType(ReactCurrentOwner.current.type);
|
|
1842
1844
|
|
|
1843
1845
|
if (name) {
|
|
1844
1846
|
return '\n\nCheck the render method of `' + name + '`.';
|
|
@@ -1920,7 +1922,7 @@ function validateExplicitKey(element, parentType) {
|
|
|
1920
1922
|
|
|
1921
1923
|
if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
|
|
1922
1924
|
// Give the component that originally created this child.
|
|
1923
|
-
childOwner = " It was passed a child from " +
|
|
1925
|
+
childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
|
|
1924
1926
|
}
|
|
1925
1927
|
|
|
1926
1928
|
{
|
|
@@ -2009,12 +2011,12 @@ function validatePropTypes(element) {
|
|
|
2009
2011
|
|
|
2010
2012
|
if (propTypes) {
|
|
2011
2013
|
// Intentionally inside to avoid triggering lazy initializers:
|
|
2012
|
-
var name =
|
|
2014
|
+
var name = getComponentNameFromType(type);
|
|
2013
2015
|
checkPropTypes(propTypes, element.props, 'prop', name, element);
|
|
2014
2016
|
} else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
|
|
2015
2017
|
propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:
|
|
2016
2018
|
|
|
2017
|
-
var _name =
|
|
2019
|
+
var _name = getComponentNameFromType(type);
|
|
2018
2020
|
|
|
2019
2021
|
error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');
|
|
2020
2022
|
}
|
|
@@ -2082,7 +2084,7 @@ function createElementWithValidation(type, props, children) {
|
|
|
2082
2084
|
} else if (Array.isArray(type)) {
|
|
2083
2085
|
typeString = 'array';
|
|
2084
2086
|
} else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
|
|
2085
|
-
typeString = "<" + (
|
|
2087
|
+
typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
|
|
2086
2088
|
info = ' Did you accidentally export a JSX literal instead of a component?';
|
|
2087
2089
|
} else {
|
|
2088
2090
|
typeString = typeof type;
|
|
@@ -20,4 +20,4 @@ exports.cloneElement=function(a,b,e){if(null===a||void 0===a)throw Error(x(267,a
|
|
|
20
20
|
key:c,ref:k,props:d,_owner:h}};exports.createElement=function(a,b,e){var d,c={},k=null,h=null;if(null!=b)for(d in void 0!==b.ref&&(h=b.ref),void 0!==b.key&&(k=""+b.key),b)F.call(b,d)&&!G.hasOwnProperty(d)&&(c[d]=b[d]);var g=arguments.length-2;if(1===g)c.children=e;else if(1<g){for(var f=Array(g),m=0;m<g;m++)f[m]=arguments[m+2];c.children=f}if(a&&a.defaultProps)for(d in g=a.defaultProps,g)void 0===c[d]&&(c[d]=g[d]);return{$$typeof:n,type:a,key:k,ref:h,props:c,_owner:E.current}};exports.createRef=function(){return{current:null}};
|
|
21
21
|
exports.forwardRef=function(a){return{$$typeof:q,render:a}};exports.isValidElement=I;exports.lazy=function(a){return{$$typeof:t,_payload:{_status:-1,_result:a},_init:N}};exports.memo=function(a,b){return{$$typeof:r,type:a,compare:void 0===b?null:b}};exports.unstable_createMutableSource=function(a,b){return{_getVersion:b,_source:a,_workInProgressVersionPrimary:null,_workInProgressVersionSecondary:null}};exports.unstable_getCacheForType=function(a){return O.current.getCacheForType(a)};
|
|
22
22
|
exports.unstable_useDeferredValue=function(a){return O.current.useDeferredValue(a)};exports.unstable_useMutableSource=function(a,b,e){return O.current.useMutableSource(a,b,e)};exports.unstable_useOpaqueIdentifier=function(){return O.current.useOpaqueIdentifier()};exports.useCallback=function(a,b){return O.current.useCallback(a,b)};exports.useContext=function(a,b){return O.current.useContext(a,b)};exports.useDebugValue=function(){};exports.useMemo=function(a,b){return O.current.useMemo(a,b)};
|
|
23
|
-
exports.version="17.0.2-experimental-
|
|
23
|
+
exports.version="17.0.2-experimental-5fe091c77";
|
package/cjs/react.development.js
CHANGED
|
@@ -15,7 +15,7 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
15
15
|
|
|
16
16
|
var _assign = require('object-assign');
|
|
17
17
|
|
|
18
|
-
var ReactVersion = '17.0.2-experimental-
|
|
18
|
+
var ReactVersion = '17.0.2-experimental-5fe091c77';
|
|
19
19
|
|
|
20
20
|
// ATTENTION
|
|
21
21
|
// When adding new symbols to this file,
|
|
@@ -446,13 +446,15 @@ function createRef() {
|
|
|
446
446
|
function getWrappedName(outerType, innerType, wrapperName) {
|
|
447
447
|
var functionName = innerType.displayName || innerType.name || '';
|
|
448
448
|
return outerType.displayName || (functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName);
|
|
449
|
-
}
|
|
449
|
+
} // Keep in sync with react-reconciler/getComponentNameFromFiber
|
|
450
|
+
|
|
450
451
|
|
|
451
452
|
function getContextName(type) {
|
|
452
453
|
return type.displayName || 'Context';
|
|
453
|
-
}
|
|
454
|
+
} // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
|
|
455
|
+
|
|
454
456
|
|
|
455
|
-
function
|
|
457
|
+
function getComponentNameFromType(type) {
|
|
456
458
|
if (type == null) {
|
|
457
459
|
// Host root, text node or just invalid type.
|
|
458
460
|
return null;
|
|
@@ -509,7 +511,7 @@ function getComponentName(type) {
|
|
|
509
511
|
return getWrappedName(type, type.render, 'ForwardRef');
|
|
510
512
|
|
|
511
513
|
case REACT_MEMO_TYPE:
|
|
512
|
-
return
|
|
514
|
+
return getComponentNameFromType(type.type);
|
|
513
515
|
|
|
514
516
|
case REACT_LAZY_TYPE:
|
|
515
517
|
{
|
|
@@ -518,7 +520,7 @@ function getComponentName(type) {
|
|
|
518
520
|
var init = lazyComponent._init;
|
|
519
521
|
|
|
520
522
|
try {
|
|
521
|
-
return
|
|
523
|
+
return getComponentNameFromType(init(payload));
|
|
522
524
|
} catch (x) {
|
|
523
525
|
return null;
|
|
524
526
|
}
|
|
@@ -609,7 +611,7 @@ function defineRefPropWarningGetter(props, displayName) {
|
|
|
609
611
|
function warnIfStringRefCannotBeAutoConverted(config) {
|
|
610
612
|
{
|
|
611
613
|
if (typeof config.ref === 'string' && ReactCurrentOwner.current && config.__self && ReactCurrentOwner.current.stateNode !== config.__self) {
|
|
612
|
-
var componentName =
|
|
614
|
+
var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
|
|
613
615
|
|
|
614
616
|
if (!didWarnAboutStringRefs[componentName]) {
|
|
615
617
|
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://reactjs.org/link/strict-mode-string-ref', componentName, config.ref);
|
|
@@ -1992,7 +1994,7 @@ var propTypesMisspellWarningShown;
|
|
|
1992
1994
|
|
|
1993
1995
|
function getDeclarationErrorAddendum() {
|
|
1994
1996
|
if (ReactCurrentOwner.current) {
|
|
1995
|
-
var name =
|
|
1997
|
+
var name = getComponentNameFromType(ReactCurrentOwner.current.type);
|
|
1996
1998
|
|
|
1997
1999
|
if (name) {
|
|
1998
2000
|
return '\n\nCheck the render method of `' + name + '`.';
|
|
@@ -2074,7 +2076,7 @@ function validateExplicitKey(element, parentType) {
|
|
|
2074
2076
|
|
|
2075
2077
|
if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
|
|
2076
2078
|
// Give the component that originally created this child.
|
|
2077
|
-
childOwner = " It was passed a child from " +
|
|
2079
|
+
childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
|
|
2078
2080
|
}
|
|
2079
2081
|
|
|
2080
2082
|
{
|
|
@@ -2163,12 +2165,12 @@ function validatePropTypes(element) {
|
|
|
2163
2165
|
|
|
2164
2166
|
if (propTypes) {
|
|
2165
2167
|
// Intentionally inside to avoid triggering lazy initializers:
|
|
2166
|
-
var name =
|
|
2168
|
+
var name = getComponentNameFromType(type);
|
|
2167
2169
|
checkPropTypes(propTypes, element.props, 'prop', name, element);
|
|
2168
2170
|
} else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
|
|
2169
2171
|
propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:
|
|
2170
2172
|
|
|
2171
|
-
var _name =
|
|
2173
|
+
var _name = getComponentNameFromType(type);
|
|
2172
2174
|
|
|
2173
2175
|
error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');
|
|
2174
2176
|
}
|
|
@@ -2236,7 +2238,7 @@ function createElementWithValidation(type, props, children) {
|
|
|
2236
2238
|
} else if (Array.isArray(type)) {
|
|
2237
2239
|
typeString = 'array';
|
|
2238
2240
|
} else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
|
|
2239
|
-
typeString = "<" + (
|
|
2241
|
+
typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
|
|
2240
2242
|
info = ' Did you accidentally export a JSX literal instead of a component?';
|
|
2241
2243
|
} else {
|
|
2242
2244
|
typeString = typeof type;
|
|
@@ -23,4 +23,4 @@ key:d,ref:k,props:e,_owner:h}};exports.createContext=function(a,b){void 0===b&&(
|
|
|
23
23
|
exports.lazy=function(a){return{$$typeof:v,_payload:{_status:-1,_result:a},_init:Q}};exports.memo=function(a,b){return{$$typeof:u,type:a,compare:void 0===b?null:b}};exports.unstable_createMutableSource=function(a,b){return{_getVersion:b,_source:a,_workInProgressVersionPrimary:null,_workInProgressVersionSecondary:null}};exports.unstable_getCacheForType=function(a){return R.current.getCacheForType(a)};
|
|
24
24
|
exports.unstable_startTransition=function(a){var b=S.transition;S.transition=1;try{a()}finally{S.transition=b}};exports.unstable_useCacheRefresh=function(){return R.current.useCacheRefresh()};exports.unstable_useDeferredValue=function(a){return R.current.useDeferredValue(a)};exports.unstable_useMutableSource=function(a,b,c){return R.current.useMutableSource(a,b,c)};exports.unstable_useOpaqueIdentifier=function(){return R.current.useOpaqueIdentifier()};exports.unstable_useTransition=function(){return R.current.useTransition()};
|
|
25
25
|
exports.useCallback=function(a,b){return R.current.useCallback(a,b)};exports.useContext=function(a,b){return R.current.useContext(a,b)};exports.useDebugValue=function(){};exports.useEffect=function(a,b){return R.current.useEffect(a,b)};exports.useImperativeHandle=function(a,b,c){return R.current.useImperativeHandle(a,b,c)};exports.useLayoutEffect=function(a,b){return R.current.useLayoutEffect(a,b)};exports.useMemo=function(a,b){return R.current.useMemo(a,b)};
|
|
26
|
-
exports.useReducer=function(a,b,c){return R.current.useReducer(a,b,c)};exports.useRef=function(a){return R.current.useRef(a)};exports.useState=function(a){return R.current.useState(a)};exports.version="17.0.2-experimental-
|
|
26
|
+
exports.useReducer=function(a,b,c){return R.current.useReducer(a,b,c)};exports.useRef=function(a){return R.current.useRef(a)};exports.useState=function(a){return R.current.useState(a)};exports.version="17.0.2-experimental-5fe091c77";
|
package/package.json
CHANGED
package/umd/react.development.js
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
(global = global || self, factory(global.React = {}));
|
|
13
13
|
}(this, (function (exports) { 'use strict';
|
|
14
14
|
|
|
15
|
-
var ReactVersion = '17.0.2-experimental-
|
|
15
|
+
var ReactVersion = '17.0.2-experimental-5fe091c77';
|
|
16
16
|
|
|
17
17
|
// ATTENTION
|
|
18
18
|
// When adding new symbols to this file,
|
|
@@ -471,13 +471,15 @@
|
|
|
471
471
|
function getWrappedName(outerType, innerType, wrapperName) {
|
|
472
472
|
var functionName = innerType.displayName || innerType.name || '';
|
|
473
473
|
return outerType.displayName || (functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName);
|
|
474
|
-
}
|
|
474
|
+
} // Keep in sync with react-reconciler/getComponentNameFromFiber
|
|
475
|
+
|
|
475
476
|
|
|
476
477
|
function getContextName(type) {
|
|
477
478
|
return type.displayName || 'Context';
|
|
478
|
-
}
|
|
479
|
+
} // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
|
|
480
|
+
|
|
479
481
|
|
|
480
|
-
function
|
|
482
|
+
function getComponentNameFromType(type) {
|
|
481
483
|
if (type == null) {
|
|
482
484
|
// Host root, text node or just invalid type.
|
|
483
485
|
return null;
|
|
@@ -534,7 +536,7 @@
|
|
|
534
536
|
return getWrappedName(type, type.render, 'ForwardRef');
|
|
535
537
|
|
|
536
538
|
case REACT_MEMO_TYPE:
|
|
537
|
-
return
|
|
539
|
+
return getComponentNameFromType(type.type);
|
|
538
540
|
|
|
539
541
|
case REACT_LAZY_TYPE:
|
|
540
542
|
{
|
|
@@ -543,7 +545,7 @@
|
|
|
543
545
|
var init = lazyComponent._init;
|
|
544
546
|
|
|
545
547
|
try {
|
|
546
|
-
return
|
|
548
|
+
return getComponentNameFromType(init(payload));
|
|
547
549
|
} catch (x) {
|
|
548
550
|
return null;
|
|
549
551
|
}
|
|
@@ -634,7 +636,7 @@
|
|
|
634
636
|
function warnIfStringRefCannotBeAutoConverted(config) {
|
|
635
637
|
{
|
|
636
638
|
if (typeof config.ref === 'string' && ReactCurrentOwner.current && config.__self && ReactCurrentOwner.current.stateNode !== config.__self) {
|
|
637
|
-
var componentName =
|
|
639
|
+
var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
|
|
638
640
|
|
|
639
641
|
if (!didWarnAboutStringRefs[componentName]) {
|
|
640
642
|
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://reactjs.org/link/strict-mode-string-ref', componentName, config.ref);
|
|
@@ -2017,7 +2019,7 @@
|
|
|
2017
2019
|
|
|
2018
2020
|
function getDeclarationErrorAddendum() {
|
|
2019
2021
|
if (ReactCurrentOwner.current) {
|
|
2020
|
-
var name =
|
|
2022
|
+
var name = getComponentNameFromType(ReactCurrentOwner.current.type);
|
|
2021
2023
|
|
|
2022
2024
|
if (name) {
|
|
2023
2025
|
return '\n\nCheck the render method of `' + name + '`.';
|
|
@@ -2099,7 +2101,7 @@
|
|
|
2099
2101
|
|
|
2100
2102
|
if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
|
|
2101
2103
|
// Give the component that originally created this child.
|
|
2102
|
-
childOwner = " It was passed a child from " +
|
|
2104
|
+
childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
|
|
2103
2105
|
}
|
|
2104
2106
|
|
|
2105
2107
|
{
|
|
@@ -2188,12 +2190,12 @@
|
|
|
2188
2190
|
|
|
2189
2191
|
if (propTypes) {
|
|
2190
2192
|
// Intentionally inside to avoid triggering lazy initializers:
|
|
2191
|
-
var name =
|
|
2193
|
+
var name = getComponentNameFromType(type);
|
|
2192
2194
|
checkPropTypes(propTypes, element.props, 'prop', name, element);
|
|
2193
2195
|
} else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
|
|
2194
2196
|
propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:
|
|
2195
2197
|
|
|
2196
|
-
var _name =
|
|
2198
|
+
var _name = getComponentNameFromType(type);
|
|
2197
2199
|
|
|
2198
2200
|
error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');
|
|
2199
2201
|
}
|
|
@@ -2261,7 +2263,7 @@
|
|
|
2261
2263
|
} else if (Array.isArray(type)) {
|
|
2262
2264
|
typeString = 'array';
|
|
2263
2265
|
} else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
|
|
2264
|
-
typeString = "<" + (
|
|
2266
|
+
typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
|
|
2265
2267
|
info = ' Did you accidentally export a JSX literal instead of a component?';
|
|
2266
2268
|
} else {
|
|
2267
2269
|
typeString = typeof type;
|
|
@@ -28,5 +28,5 @@ return a}};c.Component=u;c.PureComponent=J;c.__SECRET_INTERNALS_DO_NOT_USE_OR_YO
|
|
|
28
28
|
f){l=Array(f);for(var n=0;n<f;n++)l[n]=arguments[n+2];d.children=l}return{$$typeof:v,type:a.type,key:e,ref:k,props:d,_owner:g}};c.createContext=function(a,b){void 0===b&&(b=null);a={$$typeof:ka,_calculateChangedBits:b,_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null};a.Provider={$$typeof:ja,_context:a};return a.Consumer=a};c.createElement=Z;c.createFactory=function(a){var b=Z.bind(null,a);b.type=a;return b};c.createRef=function(){return{current:null}};c.forwardRef=function(a){return{$$typeof:la,
|
|
29
29
|
render:a}};c.isValidElement=L;c.lazy=function(a){return{$$typeof:na,_payload:{_status:-1,_result:a},_init:ua}};c.memo=function(a,b){return{$$typeof:ma,type:a,compare:void 0===b?null:b}};c.unstable_createMutableSource=function(a,b){return{_getVersion:b,_source:a,_workInProgressVersionPrimary:null,_workInProgressVersionSecondary:null}};c.unstable_getCacheForType=function(a){return g.current.getCacheForType(a)};c.unstable_startTransition=function(a){var b=I.transition;I.transition=1;try{a()}finally{I.transition=
|
|
30
30
|
b}};c.unstable_useCacheRefresh=function(){return g.current.useCacheRefresh()};c.unstable_useDeferredValue=function(a){return g.current.useDeferredValue(a)};c.unstable_useMutableSource=function(a,b,c){return g.current.useMutableSource(a,b,c)};c.unstable_useOpaqueIdentifier=function(){return g.current.useOpaqueIdentifier()};c.unstable_useTransition=function(){return g.current.useTransition()};c.useCallback=function(a,b){return g.current.useCallback(a,b)};c.useContext=function(a,b){return g.current.useContext(a,
|
|
31
|
-
b)};c.useDebugValue=function(a,b){};c.useEffect=function(a,b){return g.current.useEffect(a,b)};c.useImperativeHandle=function(a,b,c){return g.current.useImperativeHandle(a,b,c)};c.useLayoutEffect=function(a,b){return g.current.useLayoutEffect(a,b)};c.useMemo=function(a,b){return g.current.useMemo(a,b)};c.useReducer=function(a,b,c){return g.current.useReducer(a,b,c)};c.useRef=function(a){return g.current.useRef(a)};c.useState=function(a){return g.current.useState(a)};c.version="17.0.2-experimental-
|
|
31
|
+
b)};c.useDebugValue=function(a,b){};c.useEffect=function(a,b){return g.current.useEffect(a,b)};c.useImperativeHandle=function(a,b,c){return g.current.useImperativeHandle(a,b,c)};c.useLayoutEffect=function(a,b){return g.current.useLayoutEffect(a,b)};c.useMemo=function(a,b){return g.current.useMemo(a,b)};c.useReducer=function(a,b,c){return g.current.useReducer(a,b,c)};c.useRef=function(a){return g.current.useRef(a)};c.useState=function(a){return g.current.useState(a)};c.version="17.0.2-experimental-5fe091c77"});
|
|
32
32
|
})();
|
|
@@ -33,5 +33,5 @@ a.type.defaultProps;for(l in b)fa.call(b,l)&&!ha.hasOwnProperty(l)&&(d[l]=void 0
|
|
|
33
33
|
a};c.createElement=ea;c.createFactory=function(a){var b=ea.bind(null,a);b.type=a;return b};c.createRef=function(){return{current:null}};c.forwardRef=function(a){return{$$typeof:pa,render:a}};c.isValidElement=Q;c.lazy=function(a){return{$$typeof:ra,_payload:{_status:-1,_result:a},_init:ya}};c.memo=function(a,b){return{$$typeof:qa,type:a,compare:void 0===b?null:b}};c.unstable_createMutableSource=function(a,b){return{_getVersion:b,_source:a,_workInProgressVersionPrimary:null,_workInProgressVersionSecondary:null}};
|
|
34
34
|
c.unstable_getCacheForType=function(a){return n.current.getCacheForType(a)};c.unstable_startTransition=function(a){var b=N.transition;N.transition=1;try{a()}finally{N.transition=b}};c.unstable_useCacheRefresh=function(){return n.current.useCacheRefresh()};c.unstable_useDeferredValue=function(a){return n.current.useDeferredValue(a)};c.unstable_useMutableSource=function(a,b,c){return n.current.useMutableSource(a,b,c)};c.unstable_useOpaqueIdentifier=function(){return n.current.useOpaqueIdentifier()};
|
|
35
35
|
c.unstable_useTransition=function(){return n.current.useTransition()};c.useCallback=function(a,b){return n.current.useCallback(a,b)};c.useContext=function(a,b){return n.current.useContext(a,b)};c.useDebugValue=function(a,b){};c.useEffect=function(a,b){return n.current.useEffect(a,b)};c.useImperativeHandle=function(a,b,c){return n.current.useImperativeHandle(a,b,c)};c.useLayoutEffect=function(a,b){return n.current.useLayoutEffect(a,b)};c.useMemo=function(a,b){return n.current.useMemo(a,b)};c.useReducer=
|
|
36
|
-
function(a,b,c){return n.current.useReducer(a,b,c)};c.useRef=function(a){return n.current.useRef(a)};c.useState=function(a){return n.current.useState(a)};c.version="17.0.2-experimental-
|
|
36
|
+
function(a,b,c){return n.current.useReducer(a,b,c)};c.useRef=function(a){return n.current.useRef(a)};c.useState=function(a){return n.current.useState(a)};c.version="17.0.2-experimental-5fe091c77"});
|
|
37
37
|
})();
|