validateProperties() — react Function Reference

Architecture documentation for the validateProperties() function in ReactDOMInvalidARIAHook.js from the react codebase.

Function javascript BabelCompiler Validation calls 1

Entity Profile

BabelCompiler→ Validation→ validateProperties() — react Function Reference

Dependency Diagram

graph TD
  36218cb9_f10d_54d5_d8e9_e1baaf81dcfc["validateProperties()"]
  c1dc9c2d_185d_8161_e658_7c3c75929b15["ReactDOMInvalidARIAHook.js"]
  36218cb9_f10d_54d5_d8e9_e1baaf81dcfc -->|defined in| c1dc9c2d_185d_8161_e658_7c3c75929b15
  c654ba65_be42_8d5d_c60f_cee8e46e996d["validateProperty()"]
  36218cb9_f10d_54d5_d8e9_e1baaf81dcfc -->|calls| c654ba65_be42_8d5d_c60f_cee8e46e996d
  style 36218cb9_f10d_54d5_d8e9_e1baaf81dcfc fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom-bindings/src/shared/ReactDOMInvalidARIAHook.js lines 78–109

export function validateProperties(type, props) {
  if (__DEV__) {
    const invalidProps = [];

    for (const key in props) {
      const isValid = validateProperty(type, key);
      if (!isValid) {
        invalidProps.push(key);
      }
    }

    const unknownPropString = invalidProps
      .map(prop => '`' + prop + '`')
      .join(', ');

    if (invalidProps.length === 1) {
      console.error(
        'Invalid aria prop %s on <%s> tag. ' +
          'For details, see https://react.dev/link/invalid-aria-props',
        unknownPropString,
        type,
      );
    } else if (invalidProps.length > 1) {
      console.error(
        'Invalid aria props %s on <%s> tag. ' +
          'For details, see https://react.dev/link/invalid-aria-props',
        unknownPropString,
        type,
      );
    }
  }
}