push

pages/index.tsx

@@ -155,6 +155,7 @@ export default function Home() {
   };
 
   const fetchModels = async (key: string) => {
+    console.log(key);
     const response = await fetch("/api/models", {
       method: "POST",
       headers: {
@@ -170,6 +171,8 @@ export default function Home() {
       return;
     }
 
+    console.log(response.json());
+
     const data = await response.json();
 
     if (!data) {
@@ -189,6 +192,7 @@ export default function Home() {
   const handleApiKeyChange = (apiKey: string) => {
     setApiKey(apiKey);
     localStorage.setItem("apiKey", apiKey);
+    fetchModels(apiKey);
   };
 
   const handleExportConversations = () => {
@@ -280,10 +284,6 @@ export default function Home() {
     }
   }, [selectedConversation]);
 
-  useEffect(() => {
-    fetchModels(apiKey);
-  }, [apiKey]);
-
   useEffect(() => {
     const theme = localStorage.getItem("theme");
     if (theme) {