UnknownUnsupportedReason() — react Function Reference

Architecture documentation for the UnknownUnsupportedReason() function in TimelineNotSupported.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ UnknownUnsupportedReason() — react Function Reference

Dependency Diagram

graph TD
  fdb8ee99_2402_fd8e_5345_9c22039a3745["UnknownUnsupportedReason()"]
  af2d2803_cefc_34b0_cb09_2b822b422527["TimelineNotSupported.js"]
  fdb8ee99_2402_fd8e_5345_9c22039a3745 -->|defined in| af2d2803_cefc_34b0_cb09_2b822b422527
  style fdb8ee99_2402_fd8e_5345_9c22039a3745 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-timeline/src/TimelineNotSupported.js lines 39–70

function UnknownUnsupportedReason() {
  return (
    <>
      <p className={styles.Paragraph}>
        Timeline profiler requires a development or profiling build of{' '}
        <code className={styles.Code}>react-dom@{'>='}18</code>.
      </p>
      <p className={styles.Paragraph}>
        In React 19.2 and above{' '}
        <a
          className={styles.Link}
          href="https://react.dev/reference/dev-tools/react-performance-tracks"
          rel="noopener noreferrer"
          target="_blank">
          React Performance tracks
        </a>{' '}
        can be used instead.
      </p>
      <div className={styles.LearnMoreRow}>
        Click{' '}
        <a
          className={styles.Link}
          href="https://fb.me/react-devtools-profiling"
          rel="noopener noreferrer"
          target="_blank">
          here
        </a>{' '}
        to learn more about profiling.
      </div>
    </>
  );
}