ui - new build

ui/litellm-dashboard/src/app/model_hub/page.tsx

@@ -5,7 +5,7 @@ import { modelHubCall } from "@/components/networking";
 import ModelHub from "@/components/model_hub";
 
 export default function PublicModelHub() {
-  const searchParams = useSearchParams();
+  const searchParams = useSearchParams()!;
   const key = searchParams.get("key");
   const [accessToken, setAccessToken] = useState<string | null>(null);
 

ui/litellm-dashboard/src/app/onboarding/page.tsx

@@ -31,7 +31,7 @@ function getCookie(name: string) {
 
 export default function Onboarding() {
   const [form] = Form.useForm();
-  const searchParams = useSearchParams();
+  const searchParams = useSearchParams()!;
   const token = getCookie('token');
   const inviteID = searchParams.get("invitation_id");
   const [accessToken, setAccessToken] = useState<string | null>(null);

ui/litellm-dashboard/src/app/page.tsx

@@ -76,7 +76,7 @@ const CreateKeyPage = () => {
   });
 
   const [showSSOBanner, setShowSSOBanner] = useState<boolean>(true);
-  const searchParams = useSearchParams();
+  const searchParams = useSearchParams()!;
   const [modelData, setModelData] = useState<any>({ data: [] });
   const userID = searchParams.get("userID");
   const invitation_id = searchParams.get("invitation_id");

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

@@ -83,7 +83,7 @@ const UserDashboard: React.FC<UserDashboardProps> = ({
   );
 
   // Assuming useSearchParams() hook exists and works in your setup
-  const searchParams = useSearchParams();
+  const searchParams = useSearchParams()!;
   const viewSpend = searchParams.get("viewSpend");
   const router = useRouter();