remove window reference

Author: sw-yx

src/components/providers.tsx

@@ -2,17 +2,15 @@ import React from "react"
 import { useIdentityContext, SettingContext } from "../context"
 import { Settings } from "react-netlify-identity"
 
-
-
-const isLocalhost = Boolean(
-  window.location.hostname === 'localhost' ||
-  // [::1] is the IPv6 localhost address.
-  window.location.hostname === '[::1]' ||
-  // 127.0.0.1/8 is considered localhost for IPv4.
-  window.location.hostname.match(
-    /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
+const isLocalhost =
+  window !== undefined &&
+  Boolean(
+    window.location.hostname === "localhost" ||
+      // [::1] is the IPv6 localhost address.
+      window.location.hostname === "[::1]" ||
+      // 127.0.0.1/8 is considered localhost for IPv4.
+      window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/)
   )
-);
 
 export function Providers() {
   const setting = React.useContext(SettingContext)
@@ -23,7 +21,9 @@ export function Providers() {
   if (!hasProviders) return null
   return (
     <div className="providersGroup">
-      {isLocalhost && <pre>⚠️Testing providers on localhost won't work because OAuth redirects to your production site</pre>}
+      {isLocalhost && (
+        <pre>⚠️Testing providers on localhost won't work because OAuth redirects to your production site</pre>
+      )}
       <hr className="hr" />
       <ProviderButton setting={setting} provider="Google" />
       <ProviderButton setting={setting} provider="GitHub" />