createHookWrapper() — react Function Reference

Architecture documentation for the createHookWrapper() function in shared-runtime.ts from the react codebase.

Function typescript BabelCompiler Entrypoint calls 1

Entity Profile

BabelCompiler→ Entrypoint→ createHookWrapper() — react Function Reference

Dependency Diagram

graph TD
  b5fe742e_ee7f_3673_9e40_857c53b3be7c["createHookWrapper()"]
  9afdd6fb_14c3_0a52_8105_2d82e58c5c28["shared-runtime.ts"]
  b5fe742e_ee7f_3673_9e40_857c53b3be7c -->|defined in| 9afdd6fb_14c3_0a52_8105_2d82e58c5c28
  c389538a_5c1f_5af6_98fc_d2b023fd4e74["Stringify()"]
  b5fe742e_ee7f_3673_9e40_857c53b3be7c -->|calls| c389538a_5c1f_5af6_98fc_d2b023fd4e74
  style b5fe742e_ee7f_3673_9e40_857c53b3be7c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/snap/src/sprout/shared-runtime.ts lines 302–312

export function createHookWrapper<TProps, TRet>(
  useMaybeHook: (props: TProps) => TRet,
): FunctionComponent<TProps> {
  return function Component(props: TProps): React.ReactElement {
    const result = useMaybeHook(props);
    return Stringify({
      result: result,
      shouldInvokeFns: true,
    });
  };
}