fix(react): setupIonicReact no longer crashes in SSR environment (#24604

)
ionic-team · Jan 19, 2022 · 360643d · 360643d
1 parent 35e5235
commit 360643d
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 18 deletions.
diff --git a/packages/react/src/components/index.ts b/packages/react/src/components/index.ts
@@ -197,7 +197,9 @@ export const setupIonicReact = (config: IonicConfig = {}) => {
    * TODO: Remove when all integrations have been
    * migrated to CE build.
    */
-  document.documentElement.classList.add('ion-ce');
+  if (typeof (document as any) !== 'undefined') {
+    document.documentElement.classList.add('ion-ce');
+  }
 
   initialize({
     ...config

diff --git a/packages/vue/src/ionic-vue.ts b/packages/vue/src/ionic-vue.ts
@@ -21,24 +21,23 @@ const getHelperFunctions = () => {
 export const IonicVue: Plugin = {
 
   async install(_: App, config: IonicConfig = {}) {
-    if (typeof (window as any) !== 'undefined') {
-
-      /**
-       * By default Ionic Framework hides elements that
-       * are not hydrated, but in the CE build there is no
-       * hydration.
-       * TODO: Remove when all integrations have been
-       * migrated to CE build.
-       */
+    /**
+     * By default Ionic Framework hides elements that
+     * are not hydrated, but in the CE build there is no
+     * hydration.
+     * TODO: Remove when all integrations have been
+     * migrated to CE build.
+     */
+    if (typeof (document as any) !== 'undefined') {
       document.documentElement.classList.add('ion-ce');
-
-      const { ael, rel, ce } = getHelperFunctions();
-      initialize({
-        ...config,
-        _ael: ael,
-        _rel: rel,
-        _ce: ce
-      });
     }
+
+    const { ael, rel, ce } = getHelperFunctions();
+    initialize({
+      ...config,
+      _ael: ael,
+      _rel: rel,
+      _ce: ce
+    });
   }
 };