diff --git a/react/craco.config.cjs b/react/craco.config.cjs
index ccb43a05a3..3545bee677 100644
--- a/react/craco.config.cjs
+++ b/react/craco.config.cjs
@@ -280,17 +280,27 @@ module.exports = {
             __dirname,
             '../packages/backend.ai-ui/src',
           );
+          const backendAiClientPath = path.resolve(
+            __dirname,
+            '../packages/backend.ai-client/src',
+          );
           if (tsMatch.loader.include) {
             if (Array.isArray(tsMatch.loader.include)) {
               tsMatch.loader.include.push(backendAiUiPath);
+              tsMatch.loader.include.push(backendAiClientPath);
             } else {
               tsMatch.loader.include = [
                 tsMatch.loader.include,
                 backendAiUiPath,
+                backendAiClientPath,
               ];
             }
           } else {
-            tsMatch.loader.include = [paths.appSrc, backendAiUiPath];
+            tsMatch.loader.include = [
+              paths.appSrc,
+              backendAiUiPath,
+              backendAiClientPath,
+            ];
           }
         }
       }
diff --git a/react/tsconfig.json b/react/tsconfig.json
index df86d0df49..b53f97a6ba 100644
--- a/react/tsconfig.json
+++ b/react/tsconfig.json
@@ -17,6 +17,7 @@
     "jsx": "react-jsx",
     "baseUrl": ".",
     "paths": {
+      "backend.ai-client": ["../packages/backend.ai-client/dist/index.d.ts"],
       "backend.ai-ui": ["../packages/backend.ai-ui/src/index.ts"],
       "backend.ai-ui/*": ["../packages/backend.ai-ui/src/*"],
       "backend.ai-ui/dist/locale/*": ["../packages/backend.ai-ui/src/locale/*"]