Navigate() — react Function Reference

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

Function javascript BabelCompiler Entrypoint

Entity Profile

BabelCompiler→ Entrypoint→ Navigate() — react Function Reference

Dependency Diagram

graph TD
  2929ac03_82e2_78b6_a70a_6d96487eb1e4["Navigate()"]
  e57bb465_eba9_e4d8_27aa_3d1b2d0d5a23["Navigate.js"]
  2929ac03_82e2_78b6_a70a_6d96487eb1e4 -->|defined in| e57bb465_eba9_e4d8_27aa_3d1b2d0d5a23
  style 2929ac03_82e2_78b6_a70a_6d96487eb1e4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/flight/src/Navigate.js lines 6–40

export function Navigate() {
  /** Repro for https://issues.chromium.org/u/1/issues/419746417 */
  function provokeChromeCrash() {
    React.startTransition(async () => {
      console.log('Default transition triggered');

      await new Promise(resolve => {
        setTimeout(
          () => {
            history.pushState(
              {},
              '',
              `?chrome-crash-419746417=${performance.now()}`
            );
          },
          // This needs to happen before React's default transition indicator
          // is displayed but after it's scheduled.
          100 + -50
        );

        setTimeout(() => {
          console.log('Default transition completed');
          resolve();
        }, 1000);
      });
    });
  }

  return (
    <Container>
      <h2>Navigation fixture</h2>
      <button onClick={provokeChromeCrash}>Provoke Chrome Crash (fixed)</button>
    </Container>
  );
}