react Architecture Docs
Home / Function/ UnsupportedBridgeOperationView() — react Function Reference

UnsupportedBridgeOperationView() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

Dependency Diagram

graph TD
  9e4abace_6ec4_8ea5_e882_d4c1c492e09f["UnsupportedBridgeOperationView()"]
  207cc4ae_0d1a_5993_ca8b_89b3990f02d3["UnsupportedBridgeOperationView.js"]
  9e4abace_6ec4_8ea5_e882_d4c1c492e09f -->|defined in| 207cc4ae_0d1a_5993_ca8b_89b3990f02d3
  style 9e4abace_6ec4_8ea5_e882_d4c1c492e09f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/devtools/views/ErrorBoundary/UnsupportedBridgeOperationView.js lines 20–50

export default function UnsupportedBridgeOperationView({
  callStack,
  children,
  componentStack,
  errorMessage,
}: Props): React.Node {
  return (
    <div className={styles.ErrorBoundary}>
      {children}
      <div className={styles.ErrorInfo}>
        <div className={styles.HeaderRow}>
          <div className={styles.ErrorHeader}>
            {errorMessage || 'Bridge protocol mismatch'}
          </div>
        </div>
        <div className={styles.InfoBox}>
          An incompatible version of <code>react-devtools-core</code> has been
          embedded in a renderer like React Native. To fix this, update the{' '}
          <code>react-devtools-core</code> package within the React Native
          application, or downgrade the <code>react-devtools</code> package you
          use to open the DevTools UI.
        </div>
        {!!callStack && (
          <div className={styles.ErrorStack}>
            The error was thrown {callStack.trim()}
          </div>
        )}
      </div>
    </div>
  );
}

Domain

Subdomains

Defined In

Source

Frequently Asked Questions

What does UnsupportedBridgeOperationView() do?
UnsupportedBridgeOperationView() is a function in the react codebase, defined in packages/react-devtools-shared/src/devtools/views/ErrorBoundary/UnsupportedBridgeOperationView.js.
Where is UnsupportedBridgeOperationView() defined?
UnsupportedBridgeOperationView() is defined in packages/react-devtools-shared/src/devtools/views/ErrorBoundary/UnsupportedBridgeOperationView.js at line 20.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free