attempt to use arm as default for mac

Author: bmuenzenmeyer

apps/site/hooks/react-client/__tests__/useDetectOS.test.mjs

@@ -72,7 +72,7 @@ describe('useDetectOS', () => {
       assert.deepEqual(result.current, {
         os: 'MAC',
         bitness: '32',
-        architecture: 'x86',
+        architecture: 'arm64',
       });
     });
   });

apps/site/hooks/react-client/useDetectOS.ts

@@ -28,10 +28,12 @@ const useDetectOS = () => {
       navigator.userAgent
     );
 
+    const os = detectOS();
+
     // We immediately set the OS to LOADING, and then we update it with the detected OS.
     // This is due to that initial render set within the state will indicate a mismatch from
     // the server-side rendering versus what the initial state is from the client-side
-    setUserOSState(current => ({ ...current, os: detectOS() }));
+    setUserOSState(current => ({ ...current, os }));
 
     // We attempt to get the high entropy values from the Browser and set the User OS State
     // based from the values we get from the Browser, if it fails we fallback to the User Agent
@@ -41,7 +43,8 @@ const useDetectOS = () => {
         // If there is no getHighEntropyValues API on the Browser or it failed to resolve
         // we attempt to fallback to what the User Agent indicates
         bitness = uaIndicates64 ? '64' : '32',
-        architecture = 'x86',
+        // we assume that MacOS has moved to arm64 by default now
+        architecture = os === 'MAC' ? 'arm64' : 'x86',
       }) => {
         setUserOSState(current => ({
           ...current,