DIGG-496: Updating check for sandbox environment

.env.local.example

@@ -34,7 +34,7 @@ REACT_APP_SCREEN9_API_TOKEN=secret
 # IMAGE_DOMAIN=dev.beta.graphql.dataportal.dev1.se
 # REACT_APP_MEDIA_BASE_URL=https://dev.beta.strapi.dataportal.dev1.se
 
-## Connect to production backend (beta.dataportal.se).
+## Connect to production backend (dataportal.se).
 APOLLO_URL=https://graphql.digg.se/
 REACT_APP_APOLLO_URL=https://graphql.digg.se/
 IMAGE_DOMAIN=graphql.digg.se

pages/_app.tsx

@@ -76,7 +76,7 @@ function Dataportal({ Component, pageProps }: DataportalenProps) {
   const { asPath } = useRouter();
   const { t, lang } = useTranslation();
   // Put shared props into state to persist between pages that doesn't use getStaticProps
-  const [env, setEnv] = useState<EnvSettings>(SettingsUtil.create());
+  const [env, setEnv] = useState<EnvSettings | null>(null);
   const [settingsOpen, setSettingsOpen] = useState(false);
   const [matomoActivated, setMatomoActivated] = useState<boolean>(true);
   const [openSideBar, setOpenSideBar] = useState(false);
@@ -94,13 +94,13 @@ function Dataportal({ Component, pageProps }: DataportalenProps) {
 
   useEffect(() => {
     if (typeof window !== "undefined") {
-      const clienthost = window?.location?.host || "";
-
+      const isSandbox = window.location.host.includes("sandbox");
       //if host is run from sandbox, load that environment and disable matomo
-      if (clienthost?.includes("sandbox")) {
+      if (isSandbox) {
         setEnv(new Settings_Sandbox());
-        //disable matomo
         setMatomoActivated(false);
+      } else {
+        setEnv(SettingsUtil.create());
       }
     }
     document.documentElement.classList.add("no-focus-outline");
@@ -132,6 +132,10 @@ function Dataportal({ Component, pageProps }: DataportalenProps) {
     setImageHero(heroImage);
   }, [pathname]);
 
+  if (!env) {
+    return null;
+  }
+
   return (
     <ApolloProvider client={client}>
       <SettingsProvider