DialogContent() — react Function Reference

Architecture documentation for the DialogContent() function in UnsupportedVersionDialog.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ DialogContent() — react Function Reference

Dependency Diagram

graph TD
  7a7417b3_f641_439d_65b2_c75471d94169["DialogContent()"]
  2b861b3e_4cb9_174c_13d4_aec0fc37d1b1["UnsupportedVersionDialog.js"]
  7a7417b3_f641_439d_65b2_c75471d94169 -->|defined in| 2b861b3e_4cb9_174c_13d4_aec0fc37d1b1
  style 7a7417b3_f641_439d_65b2_c75471d94169 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/devtools/views/UnsupportedVersionDialog.js lines 54–80

function DialogContent(_: {}) {
  return (
    <Fragment>
      <div className={styles.Row}>
        <div>
          <div className={styles.Title}>Unsupported React version detected</div>
          <p>
            This version of React DevTools supports React DOM v15+ and React
            Native v61+.
          </p>
          <p>
            In order to use DevTools with an older version of React, you'll need
            to{' '}
            <a
              className={styles.ReleaseNotesLink}
              target="_blank"
              rel="noopener noreferrer"
              href={UNSUPPORTED_VERSION_URL}>
              install an older version of the extension
            </a>
            .
          </p>
        </div>
      </div>
    </Fragment>
  );
}