ErrorsAndWarnings() — react Function Reference

Architecture documentation for the ErrorsAndWarnings() function in index.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ ErrorsAndWarnings() — react Function Reference

Dependency Diagram

graph TD
  99fbc4a7_6233_4752_2444_22680bbe7e5f["ErrorsAndWarnings()"]
  a0507bb6_7cf5_071e_db51_f9f50de2969a["index.js"]
  99fbc4a7_6233_4752_2444_22680bbe7e5f -->|defined in| a0507bb6_7cf5_071e_db51_f9f50de2969a
  style 99fbc4a7_6233_4752_2444_22680bbe7e5f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shell/src/app/InlineWarnings/index.js lines 177–207

export default function ErrorsAndWarnings(): React.Node {
  const [count, setCount] = useState(0);
  const handleClick = () => setCount(count + 1);
  return (
    <Fragment>
      <h1>Inline warnings</h1>
      <button onClick={handleClick}>Update {count > 0 ? count : ''}</button>
      <ComponentWithMissingKey />
      <WarnDuringRender />
      <WarnOnMount />
      <WarnOnUpdate />
      {count === 0 ? <WarnOnUnmount /> : null}
      {count === 0 ? <WarnOnMount /> : null}
      <ErrorDuringRender />
      <ErrorOnMount />
      <ErrorOnUpdate />
      {count === 0 ? <ErrorOnUnmount /> : null}
      <ErrorAndWarningDuringRender />
      <ErrorAndWarningOnMount />
      <ErrorAndWarningOnUpdate />
      {count === 0 ? <ErrorAndWarningOnUnmount /> : null}
      <ErrorWithMultipleArgs />
      <ErrorWithStringSubstitutions />
      <ReactErrorOnHostComponent />
      <ReallyLongErrorMessageThatWillCauseTextToBeTruncated />
      <DuplicateWarningsAndErrors />
      <MultipleWarningsAndErrors />
      <ComponentWithSymbolWarning />
    </Fragment>
  );
}