Fix workspace/request creation race

src-web/hooks/useCreateGrpcRequest.ts

@@ -19,7 +19,7 @@ export function useCreateGrpcRequest() {
     Partial<Pick<GrpcRequest, 'name' | 'sortPriority' | 'folderId'>>
   >({
     mutationKey: ['create_grpc_request'],
-    mutationFn: (patch) => {
+    mutationFn: async (patch) => {
       if (workspace === null) {
         throw new Error("Cannot create grpc request when there's no active workspace");
       }
@@ -33,11 +33,16 @@ export function useCreateGrpcRequest() {
         }
       }
       patch.folderId = patch.folderId || activeRequest?.folderId;
-      return invokeCmd('cmd_create_grpc_request', {
+      const request = await invokeCmd<GrpcRequest>('cmd_create_grpc_request', {
         workspaceId: workspace.id,
         name: '',
         ...patch,
       });
+
+      // Give some time for the workspace to sync to the local store
+      await new Promise((resolve) => setTimeout(resolve, 100));
+
+      return request;
     },
     onSettled: () => trackEvent('grpc_request', 'create'),
     onSuccess: async (request) => {

src-web/hooks/useCreateHttpRequest.ts

@@ -15,7 +15,7 @@ export function useCreateHttpRequest() {
 
   return useMutation<HttpRequest, unknown, Partial<HttpRequest>>({
     mutationKey: ['create_http_request'],
-    mutationFn: (patch = {}) => {
+    mutationFn: async (patch = {}) => {
       if (workspace === null) {
         throw new Error("Cannot create request when there's no active workspace");
       }
@@ -29,9 +29,14 @@ export function useCreateHttpRequest() {
         }
       }
       patch.folderId = patch.folderId || activeRequest?.folderId;
-      return invokeCmd('cmd_create_http_request', {
+      const request = await invokeCmd<HttpRequest>('cmd_create_http_request', {
         request: { workspaceId: workspace.id, ...patch },
       });
+
+      // Give some time for the workspace to sync to the local store
+      await new Promise((resolve) => setTimeout(resolve, 100));
+
+      return request;
     },
     onSettled: () => trackEvent('http_request', 'create'),
     onSuccess: async (request) => {

src-web/hooks/useCreateWorkspace.ts

@@ -18,7 +18,12 @@ export function useCreateWorkspace() {
         placeholder: 'My Workspace',
         confirmText: 'Create',
       });
-      return invokeCmd('cmd_create_workspace', { name });
+      const workspace = await invokeCmd<Workspace>('cmd_create_workspace', { name });
+
+      // Give some time for the workspace to sync to the local store
+      await new Promise((resolve) => setTimeout(resolve, 100));
+
+      return workspace;
     },
     onSuccess: async (workspace) => {
       routes.navigate('workspace', { workspaceId: workspace.id });