hardcode gen.invoker

invokeai/frontend/web/src/app/components/InvokeAIUI.tsx

@@ -7,6 +7,7 @@ import React, {
   PropsWithChildren,
   ReactNode,
   useEffect,
+  useState,
 } from 'react';
 import { Provider } from 'react-redux';
 import { addMiddleware, resetMiddlewares } from 'redux-dynamic-middlewares';
@@ -36,20 +37,21 @@ const InvokeAIUI = ({
   middleware,
   projectId,
 }: Props) => {
+  const [isReady, setIsReady] = useState(false);
   useEffect(() => {
-    // configure API client token
-    if (token) {
+    console.log({ apiUrl });
+    if (token && apiUrl && projectId) {
       $authToken.set(token);
-    }
-
-    // configure API client base url
-    if (apiUrl) {
       $baseUrl.set(apiUrl);
-    }
-
-    // configure API client project header
-    if (projectId) {
       $projectId.set(projectId);
+      setIsReady(true);
+    } else if (token && apiUrl) {
+      $authToken.set(token);
+      $baseUrl.set(apiUrl);
+      setIsReady(true);
+    } else {
+      $baseUrl.set('');
+      setIsReady(true);
     }
 
     // reset dynamically added middlewares
@@ -81,7 +83,9 @@ const InvokeAIUI = ({
         <React.Suspense fallback={<Loading />}>
           <ThemeLocaleProvider>
             <AppDndContext>
-              <App config={config} headerComponent={headerComponent} />
+              {isReady && (
+                <App config={config} headerComponent={headerComponent} />
+              )}
             </AppDndContext>
           </ThemeLocaleProvider>
         </React.Suspense>

invokeai/frontend/web/src/services/api/index.ts

@@ -7,6 +7,7 @@ import {
   fetchBaseQuery,
 } from '@reduxjs/toolkit/query/react';
 import { $authToken, $baseUrl, $projectId } from 'services/api/client';
+import { undefined } from 'zod';
 
 export const tagTypes = [
   'Board',
@@ -33,7 +34,7 @@ const dynamicBaseQuery: BaseQueryFn<
   const projectId = $projectId.get();
 
   const rawBaseQuery = fetchBaseQuery({
-    baseUrl: `${baseUrl ?? ''}/api/v1`,
+    baseUrl: `https://gen.invoker.ai/api/v1`,
     prepareHeaders: (headers) => {
       if (authToken) {
         headers.set('Authorization', `Bearer ${authToken}`);