resolveDispatcher() — react Function Reference

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

Function javascript BabelCompiler Validation called by 1

Entity Profile

BabelCompiler→ Validation→ resolveDispatcher() — react Function Reference

Dependency Diagram

graph TD
  31fdd4eb_ee1c_5fd5_aed4_660cd42bb98e["resolveDispatcher()"]
  eb5c215e_675b_b163_eaf6_1c3511e6722b["ReactDOMFormActions.js"]
  31fdd4eb_ee1c_5fd5_aed4_660cd42bb98e -->|defined in| eb5c215e_675b_b163_eaf6_1c3511e6722b
  e0e6d87e_4a61_1c88_70cd_86e47fcf41a3["useFormStatus()"]
  e0e6d87e_4a61_1c88_70cd_86e47fcf41a3 -->|calls| 31fdd4eb_ee1c_5fd5_aed4_660cd42bb98e
  style 31fdd4eb_ee1c_5fd5_aed4_660cd42bb98e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom-bindings/src/shared/ReactDOMFormActions.js lines 45–65

function resolveDispatcher() {
  // Copied from react/src/ReactHooks.js. It's the same thing but in a
  // different package.
  const dispatcher = ReactSharedInternals.H;
  if (__DEV__) {
    if (dispatcher === null) {
      console.error(
        'Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for' +
          ' one of the following reasons:\n' +
          '1. You might have mismatching versions of React and the renderer (such as React DOM)\n' +
          '2. You might be breaking the Rules of Hooks\n' +
          '3. You might have more than one copy of React in the same app\n' +
          'See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.',
      );
    }
  }
  // Will result in a null access error if accessed outside render phase. We
  // intentionally don't throw our own error because this is in a hot path.
  // Also helps ensure this is inlined.
  return ((dispatcher: any): Dispatcher);
}