Hydration() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ Hydration() — react Function Reference

Dependency Diagram

graph TD
  c5b1d537_0923_8273_5384_a757c6a7ad7c["Hydration()"]
  e807a8fd_f5a9_c035_6d61_8fb4ddb9b6b2["index.js"]
  c5b1d537_0923_8273_5384_a757c6a7ad7c -->|defined in| e807a8fd_f5a9_c035_6d61_8fb4ddb9b6b2
  style c5b1d537_0923_8273_5384_a757c6a7ad7c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shell/src/app/Hydration/index.js lines 141–171

export default function Hydration(): React.Node {
  return (
    <Fragment>
      <h1>Hydration</h1>
      <DehydratableProps
        html_element={div}
        fn={exampleFunction}
        symbol={Symbol('symbol')}
        react_element={<span />}
        array_buffer={typedArray.buffer}
        typed_array={typedArray}
        date={new Date()}
        array={arrayOfArrays}
        object={objectOfObjects}
        unusedPromise={unusedPromise}
        usedFulfilledPromise={usedFulfilledPromise}
        usedFulfilledRichPromise={usedFulfilledRichPromise}
        usedPendingPromise={usedPendingPromise}
        usedRejectedPromise={usedRejectedPromise}
        // eslint-disable-next-line react-internal/prod-error-codes
        error={new Error('test')}
        // eslint-disable-next-line react-internal/prod-error-codes
        errorWithCause={new Error('one', {cause: new TypeError('two')})}
        errorWithDigest={new DigestError('test', {}, 'some-digest')}
        // $FlowFixMe[cannot-resolve-name] Flow doesn't know about DOMException
        domexception={new DOMException('test')}
      />
      <DeepHooks />
    </Fragment>
  );
}