User agent hook fix

scopes/ui-foundation/uis/hooks/use-user-agent/index.ts

@@ -1 +1 @@
-export { userAgentContext, UserAgentProvider, useUserAgent } from './use-user-agent';
+export { userAgentContext, userAgentBrowserContext, UserAgentProvider, useUserAgent } from './use-user-agent';

scopes/ui-foundation/uis/hooks/use-user-agent/use-user-agent.tsx

@@ -4,10 +4,16 @@ import UAParser from 'ua-parser-js';
 export const userAgentContext = createContext<UAParser | undefined>(undefined);
 export const UserAgentProvider = userAgentContext.Provider;
 
+export const userAgentBrowserContext = createContext<any | undefined>(undefined);
+export const userAgentBrowserProvider = userAgentBrowserContext.Provider;
+
 /**
  * hook that returns the user-agent via context
  */
 export function useUserAgent() {
-  const userAgent = useContext(userAgentContext);
-  return userAgent;
+  const browser = useContext(userAgentBrowserContext);
+  if (window) {
+    return new UAParser(window.navigator.userAgent);
+  }
+  return new UAParser(browser.headers['user-agent']);
 }