Moved SettingsProvider to root Providers component.

src/app/(main)/settings/layout.tsx

@@ -4,7 +4,6 @@ import useUser from 'components/hooks/useUser';
 import useMessages from 'components/hooks/useMessages';
 import SideNav from 'components/layout/SideNav';
 import styles from './layout.module.css';
-import SettingsContext from './SettingsContext';
 
 export default function SettingsLayout({ children }) {
   const { user } = useUser();
@@ -25,25 +24,14 @@ export default function SettingsLayout({ children }) {
     return null;
   }
 
-  const hostUrl = process.env.hostUrl || location.origin;
-
-  const config = {
-    settingsUrl: '/settings/websites',
-    shareUrl: hostUrl,
-    trackingCodeUrl: hostUrl,
-    websitesUrl: `/websites`,
-  };
-
   return (
-    <SettingsContext.Provider value={config}>
-      <div className={styles.layout}>
-        {!cloudMode && (
-          <div className={styles.menu}>
-            <SideNav items={items} shallow={true} selectedKey={getKey()} />
-          </div>
-        )}
-        <div className={styles.content}>{children}</div>
-      </div>
-    </SettingsContext.Provider>
+    <div className={styles.layout}>
+      {!cloudMode && (
+        <div className={styles.menu}>
+          <SideNav items={items} shallow={true} selectedKey={getKey()} />
+        </div>
+      )}
+      <div className={styles.content}>{children}</div>
+    </div>
   );
 }

src/app/(main)/websites/[id]/realtime/Realtime.tsx

@@ -64,7 +64,7 @@ export function Realtime({ websiteId }) {
           }
           return arr;
         }, [])
-        .reduce((arr, { country }) => {
+        .reduce((arr: { x: any; y: number }[], { country }: any) => {
           if (country) {
             const row = arr.find(({ x }) => x === country);