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

Blazing fast modern site generator for React

"use strict";

exports.__esModule = true;
exports.reactDOMUtils = reactDOMUtils;

/* global HAS_REACT_18 */
const map = new WeakMap();
/**
 * Since react 18, render and hydrate moved to react-dom/client
 * returns correct hydrate and render function based on installed react-dom version
 */

function reactDOMUtils() {
  let render;
  let hydrate;

  if (HAS_REACT_18) {
    const reactDomClient = require(`react-dom/client`);

    render = (Component, el) => {
      let root = map.get(el);

      if (!root) {
        map.set(el, root = reactDomClient.createRoot(el));
      }

      root.render(Component);
    };

    hydrate = (Component, el) => reactDomClient.hydrateRoot(el, Component);
  } else {
    const reactDomClient = require(`react-dom`);

    render = reactDomClient.render;
    hydrate = reactDomClient.hydrate;
  }

  return {
    render,
    hydrate
  };
}