Support buildstack changes for other modules

client/src/bundles/vendor.js

@@ -17,6 +17,7 @@ import 'expose-loader?exposes=classnames!classnames';
 import 'expose-loader?exposes=DeepFreezeStrict!deep-freeze-strict';
 import 'expose-loader?exposes=React!react';
 import 'expose-loader?exposes=ReactDom!react-dom';
+import 'expose-loader?exposes=ReactDomClient!react-dom/client';
 import 'expose-loader?exposes=ReactRouterDom!react-router-dom';
 import 'expose-loader?exposes=Reactstrap!reactstrap';
 import 'expose-loader?exposes=IsomorphicFetch!isomorphic-fetch';
@@ -26,12 +27,16 @@ import 'expose-loader?exposes=ReduxThunk!redux-thunk';
 import 'expose-loader?exposes=ReduxForm!redux-form';
 import 'expose-loader?exposes=qs!qs';
 import 'expose-loader?exposes=ReactSelect!react-select';
+import 'expose-loader?exposes=ReactSelectAsync!react-select/async';
+import 'expose-loader?exposes=ReactSelectAsyncCreatable!react-select/async-creatable';
+import 'expose-loader?exposes=ReactSelectCreatable!react-select/creatable';
 import 'expose-loader?exposes=ReactDND!react-dnd';
 import 'expose-loader?exposes=ReactDNDHtml5Backend!react-dnd-html5-backend';
 import 'expose-loader?exposes=Page!page.js';
 import 'expose-loader?exposes=validator!validator';
 // @apollo/client needs virtual.js to help expose it correctly - see https://github.com/webpack-contrib/expose-loader/issues/188
 import 'virtual.js!=!expose-loader?exposes=ApolloClient!@apollo/client';
+import 'virtual.js!=!expose-loader?exposes=ApolloClientReactHoc!@apollo/client/react/hoc';
 import 'expose-loader?exposes=GraphQLTag!graphql-tag';
 import 'expose-loader?exposes=GraphQLFragments!graphql-fragments';
 import 'expose-loader?exposes=NodeUrl!url';

client/src/containers/EmotionCssCacheProvider/EmotionCssCacheProvider.js

@@ -7,15 +7,17 @@ import { CacheProvider } from '@emotion/react';
  * the default react-select styling
  */
 function EmotionCssCacheProvider({ children }) {
-  const cache = React.useMemo(
-    () => createCache({
-        key: 'react-select',
-        insertionPoint: document.querySelector('title'),
-      }),
-    []
-  );
+  if (!window.ssReactSelectCache) {
+    window.ssReactSelectCache = React.useMemo(
+      () => createCache({
+          key: 'react-select',
+          insertionPoint: document.querySelector('title'),
+        }),
+      []
+    );
+  }
 
-  return <CacheProvider value={cache}>{children}</CacheProvider>;
+  return <CacheProvider value={window.ssReactSelectCache}>{children}</CacheProvider>;
 }
 
 export default EmotionCssCacheProvider;

client/src/legacy/AddToCampaignForm.js

@@ -2,7 +2,6 @@
 import i18n from 'i18n';
 import jQuery from 'jquery';
 import React from 'react';
-import ReactDOM from 'react-dom';
 import { createRoot } from 'react-dom/client';
 import { loadComponent } from 'lib/Injector';
 

client/src/legacy/GridField.js

@@ -1,7 +1,6 @@
 import $ from 'jquery';
 import i18n from 'i18n';
 import React from 'react';
-import ReactDOM from 'react-dom';
 import { createRoot } from 'react-dom/client';
 import Search from 'components/Search/Search.js';
 import { schemaMerge } from 'lib/schemaFieldValues';

client/src/legacy/LeftAndMain.js

@@ -3,7 +3,6 @@
  */
 import $ from 'jquery';
 import React from 'react';
-import ReactDOM from 'react-dom';
 import { createRoot } from 'react-dom/client';
 import IframeDialog from 'components/IframeDialog/IframeDialog';
 import Search from 'components/Search/Search';

client/src/legacy/TreeDropdownField/TreeDropdownFieldEntwine.js

@@ -1,7 +1,6 @@
 /* global window */
 import jQuery from 'jquery';
 import React from 'react';
-import ReactDOM from 'react-dom';
 import { createRoot } from 'react-dom/client';
 import { schemaMerge } from 'lib/schemaFieldValues';
 import { MULTI_EMPTY_VALUE } from 'components/TreeDropdownField/TreeDropdownField';

client/src/legacy/UsedOnTable/UsedOnTableEntwine.js

@@ -1,7 +1,6 @@
 /* global window */
 import jQuery from 'jquery';
 import React from 'react';
-import ReactDOM from 'react-dom';
 import { createRoot } from 'react-dom/client';
 import { schemaMerge } from 'lib/schemaFieldValues';
 import { loadComponent } from 'lib/Injector';