ui/litellm-dashboard/src/components/constants.tsx

// useBaseUrl.ts
import { useState, useEffect } from 'react';

export const useBaseUrl = () => {
  const [baseUrl, setBaseUrl] = useState("http://localhost:4000");

  useEffect(() => {
    if (typeof window !== 'undefined') {
      const { protocol, host } = window.location;
      setBaseUrl(`${protocol}//${host}`);
    }
  }, []); // Removed router dependency

  return baseUrl;
};