Navigate.js — react Source File

Architecture documentation for Navigate.js, a javascript file in the react codebase. 3 imports, 1 dependents.

File javascript BabelCompiler Entrypoint 3 imports 1 dependents 1 functions

Entity Profile

BabelCompiler→ Entrypoint→ Navigate.js — react Source File

Dependency Diagram

graph LR
  e57bb465_eba9_e4d8_27aa_3d1b2d0d5a23["Navigate.js"]
  52925e32_8d14_817a_c46e_16c8a4f559c7["Container.js"]
  e57bb465_eba9_e4d8_27aa_3d1b2d0d5a23 --> 52925e32_8d14_817a_c46e_16c8a4f559c7
  3d5dce82_9e7c_613c_9d80_74d1f99a30b2["Container"]
  e57bb465_eba9_e4d8_27aa_3d1b2d0d5a23 --> 3d5dce82_9e7c_613c_9d80_74d1f99a30b2
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  e57bb465_eba9_e4d8_27aa_3d1b2d0d5a23 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6["App.js"]
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6 --> e57bb465_eba9_e4d8_27aa_3d1b2d0d5a23
  style e57bb465_eba9_e4d8_27aa_3d1b2d0d5a23 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

'use client';

import * as React from 'react';
import Container from './Container.js';

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>
  );
}