Updating native WebSocket header logic to match RN (#13366)

* Updating native WebSocket header logic to match RN

* Change files

* Fixing linting error

---------

Co-authored-by: Sam Walker <[email protected]>

Author: slswalker

change/react-native-windows-57ec7c25-bda3-4d67-92a7-18b67b31fbd0.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Updating native WebSocket header logic to match RN",
+  "packageName": "react-native-windows",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

vnext/Shared/Modules/WebSocketModule.cpp

@@ -416,9 +416,8 @@ void WebSocketTurboModule::Connect(
   auto &optHeaders = options.headers;
   if (optHeaders.has_value()) {
     auto &headersVal = optHeaders.value();
-    for (const auto &headerVal : headersVal.AsArray()) {
+    for (const auto &entry : headersVal.AsObject()) {
       // Each header JSValueObject should only contain one key-value pair
-      const auto &entry = *headerVal.AsObject().cbegin();
       rcOptions.emplace(winrt::to_hstring(entry.first), entry.second.AsString());
     }
   }

vnext/Shared/Networking/WinRTWebSocketResource.cpp

@@ -382,7 +382,10 @@ void WinRTWebSocketResource::Connect(string &&url, const Protocols &protocols, c
         scheme = L"https";
       }
 
-      auto origin = winrt::hstring{scheme + L"://" + host + L":" + winrt::to_hstring(port)};
+      // Only add a port if a port is defined
+      winrt::hstring originPort = port != 0 ? L":" + winrt::to_hstring(port) : L"";
+      auto origin = winrt::hstring{scheme + L"://" + host + originPort};
+
       m_socket.SetRequestHeader(L"Origin", std::move(origin));
     }