react-singleton-hook/es/utils/env.js

Share custom hook state across all components

import React from 'react';
import { createRoot } from 'react-dom/client';
import { unstable_batchedUpdates } from 'react-dom';
import { warning } from './warning';

// from https://github.com/purposeindustries/window-or-global/blob/master/lib/index.js
// avoid direct usage of 'window' because `window is not defined` error might happen in babel-node
var globalObject = typeof self === 'object' && self.self === self && self || typeof global === 'object' && global.global === global && global || this;
export var batch = function batch(cb) {
  return unstable_batchedUpdates(cb);
};
export var mount = function mount(C) {
  if (globalObject.document && globalObject.document.createElement) {
    var container = globalObject.document.createElement('div');
    var root = createRoot(container);
    root.render( /*#__PURE__*/React.createElement(C, {
      automaticContainerInternalUseOnly: true
    }));
  } else {
    warning('Can not mount SingletonHooksContainer on server side. ' + 'Did you manage to run useEffect on server? ' + 'Please mount SingletonHooksContainer into your components tree manually.');
  }
};