useIsSuspenseTabEnabled() — react Function Reference

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

Function javascript BabelCompiler Validation called by 1

Entity Profile

BabelCompiler→ Validation→ useIsSuspenseTabEnabled() — react Function Reference

Dependency Diagram

graph TD
  f8027c1d_4d83_6db4_6353_968f6a09e324["useIsSuspenseTabEnabled()"]
  e2c52a93_982e_407f_9fee_e89aa134ae9d["DevTools.js"]
  f8027c1d_4d83_6db4_6353_968f6a09e324 -->|defined in| e2c52a93_982e_407f_9fee_e89aa134ae9d
  364bb6ab_2e5f_4a8c_dd84_d1824ad9ee86["DevTools()"]
  364bb6ab_2e5f_4a8c_dd84_d1824ad9ee86 -->|calls| f8027c1d_4d83_6db4_6353_968f6a09e324
  style f8027c1d_4d83_6db4_6353_968f6a09e324 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/devtools/views/DevTools.js lines 141–152

function useIsSuspenseTabEnabled(store: Store): boolean {
  const subscribe = useCallback(
    (onStoreChange: () => void) => {
      store.addListener('enableSuspenseTab', onStoreChange);
      return () => {
        store.removeListener('enableSuspenseTab', onStoreChange);
      };
    },
    [store],
  );
  return React.useSyncExternalStore(subscribe, () => store.supportsSuspenseTab);
}