gatsby/cache-dir/react-dom-utils.js

Blazing fast modern site generator for React

const map = new WeakMap()

export function reactDOMUtils() {
  const reactDomClient = require(`react-dom/client`)

  const render = (Component, el, options = {}) => {
    let root = map.get(el)
    if (!root) {
      // Only pass options if React 19 error handling options are provided
      const rootOptions =
        options.onUncaughtError || options.onCaughtError
          ? {
              onUncaughtError: options.onUncaughtError,
              onCaughtError: options.onCaughtError,
            }
          : undefined

      map.set(el, (root = reactDomClient.createRoot(el, rootOptions)))
    }
    root.render(Component)
  }

  const hydrate = (Component, el, options = {}) => {
    // Only pass options if React 19 error handling options are provided
    const hydrateOptions =
      options.onUncaughtError || options.onCaughtError
        ? {
            onUncaughtError: options.onUncaughtError,
            onCaughtError: options.onCaughtError,
          }
        : undefined

    const root = reactDomClient.hydrateRoot(el, Component, hydrateOptions)
    return root
  }

  return { render, hydrate }
}