Fix SSR

Author: ThomasKranitsas

src/shared/components/Header/index.jsx

@@ -2,9 +2,20 @@ import _ from 'lodash';
 import React, { useState } from 'react';
 import PT from 'prop-types';
 import { config } from 'topcoder-react-utils';
-import { TopNav, LoginNav } from 'navigation-component';
 import Logo from 'assets/images/tc-logo.svg';
 
+let TopNavRef;
+let LoginNavRef;
+
+try {
+  // eslint-disable-next-line global-require
+  const { TopNav, LoginNav } = require('navigation-component');
+  TopNavRef = TopNav;
+  LoginNavRef = LoginNav;
+} catch (e) {
+  // window is undefined
+}
+
 const Header = ({ profile }) => {
   const [activeLevel1Id, setActiveLevel1Id] = useState();
 
@@ -24,30 +35,34 @@ const Header = ({ profile }) => {
     normalizedProfile = null;
   }
 
-  return (
-    <div>
-      <TopNav
-        menu={config.HEADER_MENU}
-        rightMenu={(
-          <LoginNav
-            loggedIn={!_.isEmpty(profile)}
-            notificationButtonState="none"
-            notifications={[]}
-            accountMenu={config.ACCOUNT_MENU}
-            switchText={config.ACCOUNT_MENU_SWITCH_TEXT}
-            onSwitch={handleSwitchMenu}
-            showNotification={false}
-            profile={normalizedProfile}
-            authURLs={config.HEADER_AUTH_URLS}
-          />
-        )}
-        logo={<Logo />}
-        theme={config.HEADER_MENU_THEME}
-        currentLevel1Id={activeLevel1Id}
-        onChangeLevel1Id={handleChangeLevel1Id}
-      />
-    </div>
-  );
+    if (TopNavRef) {
+        return (
+          <div>
+            <TopNavRef
+              menu={config.HEADER_MENU}
+              rightMenu={(
+                <LoginNavRef
+                  loggedIn={!_.isEmpty(profile)}
+                  notificationButtonState="none"
+                  notifications={[]}
+                  accountMenu={config.ACCOUNT_MENU}
+                  switchText={config.ACCOUNT_MENU_SWITCH_TEXT}
+                  onSwitch={handleSwitchMenu}
+                  showNotification={false}
+                  profile={normalizedProfile}
+                  authURLs={config.HEADER_AUTH_URLS}
+                />
+              )}
+              logo={<Logo />}
+              theme={config.HEADER_MENU_THEME}
+              currentLevel1Id={activeLevel1Id}
+              onChangeLevel1Id={handleChangeLevel1Id}
+            />
+          </div>
+        );
+      }
+    
+      return (<div />);
 };
 
 Header.defaultProps = {