Bridge() — react Function Reference

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

Function javascript BabelCompiler Entrypoint

Entity Profile

BabelCompiler→ Entrypoint→ Bridge() — react Function Reference

Dependency Diagram

graph TD
  955b4b15_c569_ea59_4f78_931e342ef37d["Bridge()"]
  0b01b517_4763_de1a_12e5_d748facb25a6["createLegacyRoot.js"]
  955b4b15_c569_ea59_4f78_931e342ef37d -->|defined in| 0b01b517_4763_de1a_12e5_d748facb25a6
  style 955b4b15_c569_ea59_4f78_931e342ef37d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/nesting/src/legacy/createLegacyRoot.js lines 14–27

function Bridge({children, context}) {
  return (
    <ThemeContext.Provider value={context.theme}>
      <__RouterContext.Provider value={context.router}>
        {/*
          If we used the newer react-redux@7.x in the legacy/package.json,
          we woud instead import {ReactReduxContext} from 'react-redux'
          and render <ReactReduxContext.Provider value={context.reactRedux}>.
        */}
        <Provider store={context.reactRedux.store}>{children}</Provider>
      </__RouterContext.Provider>
    </ThemeContext.Provider>
  );
}