mirror of
https://github.com/idanoo/GoScrobble.git
synced 2024-11-24 17:35:16 +00:00
44 lines
1.6 KiB
JavaScript
44 lines
1.6 KiB
JavaScript
|
import PropTypes from 'prop-types';
|
||
|
import chainPropTypes from './chainPropTypes';
|
||
|
|
||
|
function isClassComponent(elementType) {
|
||
|
// elementType.prototype?.isReactComponent
|
||
|
var _elementType$prototyp = elementType.prototype,
|
||
|
prototype = _elementType$prototyp === void 0 ? {} : _elementType$prototyp;
|
||
|
return Boolean(prototype.isReactComponent);
|
||
|
}
|
||
|
|
||
|
function acceptingRef(props, propName, componentName, location, propFullName) {
|
||
|
var element = props[propName];
|
||
|
var safePropName = propFullName || propName;
|
||
|
|
||
|
if (element == null) {
|
||
|
return null;
|
||
|
}
|
||
|
|
||
|
var warningHint;
|
||
|
var elementType = element.type;
|
||
|
/**
|
||
|
* Blacklisting instead of whitelisting
|
||
|
*
|
||
|
* Blacklisting will miss some components, such as React.Fragment. Those will at least
|
||
|
* trigger a warning in React.
|
||
|
* We can't whitelist because there is no safe way to detect React.forwardRef
|
||
|
* or class components. "Safe" means there's no public API.
|
||
|
*
|
||
|
*/
|
||
|
|
||
|
if (typeof elementType === 'function' && !isClassComponent(elementType)) {
|
||
|
warningHint = 'Did you accidentally use a plain function component for an element instead?';
|
||
|
}
|
||
|
|
||
|
if (warningHint !== undefined) {
|
||
|
return new Error("Invalid ".concat(location, " `").concat(safePropName, "` supplied to `").concat(componentName, "`. ") + "Expected an element that can hold a ref. ".concat(warningHint, " ") + 'For more information see https://material-ui.com/r/caveat-with-refs-guide');
|
||
|
}
|
||
|
|
||
|
return null;
|
||
|
}
|
||
|
|
||
|
var elementAcceptingRef = chainPropTypes(PropTypes.element, acceptingRef);
|
||
|
elementAcceptingRef.isRequired = chainPropTypes(PropTypes.element.isRequired, acceptingRef);
|
||
|
export default elementAcceptingRef;
|