legacyRender() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ legacyRender() — react Function Reference

Dependency Diagram

graph TD
  1bdc886a_0b27_f96b_d03e_d213c698b0ab["legacyRender()"]
  7ea1760e_9c01_71c9_3ba5_32a9a10a0ce4["utils.js"]
  1bdc886a_0b27_f96b_d03e_d213c698b0ab -->|defined in| 7ea1760e_9c01_71c9_3ba5_32a9a10a0ce4
  style 1bdc886a_0b27_f96b_d03e_d213c698b0ab fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/__tests__/utils.js lines 362–378

export function legacyRender(elements, container) {
  if (container == null) {
    container = document.createElement('div');
  }

  const ReactDOM = require('react-dom');
  withErrorsOrWarningsIgnored(
    ['ReactDOM.render has not been supported since React 18'],
    () => {
      ReactDOM.render(elements, container);
    },
  );

  return () => {
    ReactDOM.unmountComponentAtNode(container);
  };
}