Replaced server action with api route.

src/app/api/config/route.ts

@@ -1,19 +1,14 @@
-'use server';
+import { parseRequest } from '@/lib/request';
+import { json } from '@/lib/response';
 
-export type Config = {
+export async function GET(request: Request) {
-  cloudMode: boolean;
+  const { error } = await parseRequest(request, null, { skipAuth: true });
-  cloudUrl?: string;
-  faviconUrl?: string;
-  linksUrl?: string;
-  pixelsUrl?: string;
-  privateMode: boolean;
-  telemetryDisabled: boolean;
-  trackerScriptName?: string;
-  updatesDisabled: boolean;
-};
 
-export async function getConfig(): Promise<Config> {
+  if (error) {
-  return {
+    return error();
+  }
+
+  return json({
     cloudMode: !!process.env.CLOUD_URL,
     cloudUrl: process.env.CLOUD_URL,
     faviconUrl: process.env.FAVICON_URL,
@@ -23,5 +18,5 @@ export async function getConfig(): Promise<Config> {
     telemetryDisabled: !!process.env.DISABLE_TELEMETRY,
     trackerScriptName: process.env.TRACKER_SCRIPT_NAME,
     updatesDisabled: !!process.env.DISABLE_UPDATES,
-  };
+  });
 }

src/components/hooks/useConfig.ts

@@ -1,12 +1,27 @@
 import { useEffect } from 'react';
 import { useApp, setConfig } from '@/store/app';
-import { getConfig, Config } from '@/app/actions/getConfig';
+import { useApi } from '@/components/hooks/useApi';
+
+export type Config = {
+  cloudMode: boolean;
+  cloudUrl?: string;
+  faviconUrl?: string;
+  linksUrl?: string;
+  pixelsUrl?: string;
+  privateMode: boolean;
+  telemetryDisabled: boolean;
+  trackerScriptName?: string;
+  updatesDisabled: boolean;
+};
 
 export function useConfig(): Config {
   const { config } = useApp();
+  const { get } = useApi();
 
   async function loadConfig() {
-    setConfig(await getConfig());
+    const { data } = await get(`/config`);
+
+    setConfig(data);
   }
 
   useEffect(() => {