diff --git a/package.json b/package.json
index a8e14a59c93..57edfc27c3b 100644
--- a/package.json
+++ b/package.json
@@ -129,6 +129,7 @@
     "@swc/core": "^1.3.36",
     "@swc/jest": "^0.2.36",
     "@tailwindcss/postcss": "^4.0.17",
+    "@tanstack/react-query": "^5.89.0",
     "@testing-library/dom": "^10.1.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^16.0.0",
diff --git a/packages/react-aria-components/stories/Autocomplete.stories.tsx b/packages/react-aria-components/stories/Autocomplete.stories.tsx
index f3ba9592cbb..c9f51519c43 100644
--- a/packages/react-aria-components/stories/Autocomplete.stories.tsx
+++ b/packages/react-aria-components/stories/Autocomplete.stories.tsx
@@ -11,7 +11,7 @@
  */
 
 import {action} from '@storybook/addon-actions';
-import {Autocomplete, Button, Cell, Collection, Column, DialogTrigger, GridList, GridListHeader, GridListSection, Header, Input, Keyboard, Label, ListBox, ListBoxSection, ListLayout, Menu, MenuItem, MenuSection, MenuTrigger, OverlayArrow, Popover, Row, SearchField, Select, SelectValue, Separator, SubmenuTrigger, Table, TableBody, TableHeader, TableLayout, TagGroup, TagList, Text, TextArea, TextField, Tooltip, TooltipTrigger, Virtualizer} from 'react-aria-components';
+import {Autocomplete, Button, Cell, Collection, Column, DialogTrigger, GridList, GridListHeader, GridListSection, Group, Header, Input, Keyboard, Label, ListBox, ListBoxSection, ListLayout, Menu, MenuItem, MenuSection, MenuTrigger, OverlayArrow, Popover, Row, SearchField, Select, SelectValue, Separator, SubmenuTrigger, Table, TableBody, TableHeader, TableLayout, TagGroup, TagList, Text, TextArea, TextField, Tooltip, TooltipTrigger, Virtualizer} from 'react-aria-components';
 import {LoadingSpinner, MyListBoxItem, MyMenuItem} from './utils';
 import {Meta, StoryObj} from '@storybook/react';
 import {MyCheckbox} from './Table.stories';
@@ -19,7 +19,7 @@ import {MyGridListItem} from './GridList.stories';
 import {MyListBoxLoaderIndicator} from './ListBox.stories';
 import {MyTag} from './TagGroup.stories';
 import {Node} from '@react-types/shared';
-import React, {useState} from 'react';
+import React, {Suspense, useState} from 'react';
 import styles from '../example/index.css';
 import {useAsyncList, useListData, useTreeData} from 'react-stately';
 import {useFilter} from 'react-aria';
@@ -1208,3 +1208,85 @@ export const AutocompleteUserCustomFiltering: AutocompleteStory = {
     }
   }
 };
+
+import {
+  QueryClient,
+  QueryClientProvider,
+  useSuspenseQuery
+} from '@tanstack/react-query';
+
+const queryClient = new QueryClient();
+export function App() {
+  return (
+    <QueryClientProvider client={queryClient}>
+      {/* <MenuTrigger>
+        <Button aria-label="Project actions">
+          <span>Search projects</span>
+        </Button>
+        <Popover placement="bottom start"> */}
+      <Suspense fallback={'Loading...'}>
+        <ProjectSwitcherDialog />
+      </Suspense>
+        {/* </Popover>
+      </MenuTrigger> */}
+    </QueryClientProvider>
+  );
+}
+
+function ProjectSwitcherDialog() {
+  useSuspenseQuery({
+    queryKey: ['aaaaaaaaaaa'],
+    queryFn: async () => {
+      await new Promise((res) =>
+        setTimeout(() => {
+          console.log('gawegawegaw')
+          res();
+        }, 2000)
+      );
+      return 'Hello World';
+    }
+  });
+
+  return (
+    // <Autocomplete>
+    //   <SearchField aria-label="Search projects…" autoFocus>
+    //     <Group>
+    //       <Input placeholder="Search projects…" />
+    //     </Group>
+    //   </SearchField>
+    <Menu
+      aria-label="See project settings or switch to another project"
+      items={
+        [
+          {
+            id: 'settingsGroup',
+            name: 'settingsGroup',
+            children: [
+              {
+                type: 'setting',
+                id: 'settings',
+                name: 'Project settings',
+                icon: 'gear'
+              }
+            ]
+          }
+        ] as const
+      }>
+      {(section) => (
+        <MenuSection id={section.id}>
+          <Header>My Header</Header>
+          <Collection items={section.children}>
+            {(item) => {
+              return (
+                <MenuItem id={item.id} key={item.id} textValue={item.name}>
+                  <Text slot="label">{item.name}</Text>
+                </MenuItem>
+              );
+            }}
+          </Collection>
+        </MenuSection>
+      )}
+    </Menu>
+    // </Autocomplete>
+  );
+}
diff --git a/yarn.lock b/yarn.lock
index a4933e5c8c1..4012d035927 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -10163,6 +10163,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@tanstack/query-core@npm:5.89.0":
+  version: 5.89.0
+  resolution: "@tanstack/query-core@npm:5.89.0"
+  checksum: 10c0/8e1e92fb4e3694d7f706bb686135a237280528ad5da890e996521780ecf30dbe139662dfd75b2f73bfe617e9275de1b3e7ab5c9fc6cacbf79cabf8163922e334
+  languageName: node
+  linkType: hard
+
+"@tanstack/react-query@npm:^5.89.0":
+  version: 5.89.0
+  resolution: "@tanstack/react-query@npm:5.89.0"
+  dependencies:
+    "@tanstack/query-core": "npm:5.89.0"
+  peerDependencies:
+    react: ^18 || ^19
+  checksum: 10c0/07364b36bcf8424777b79fad3a87e16867e955a09c27696e8a9833bacf5cd2a3f69474bb7285b6103a7c49f578a23a3f211cf3dbd36c63871ffdacd8baf0faeb
+  languageName: node
+  linkType: hard
+
 "@testing-library/dom@npm:10.4.0, @testing-library/dom@npm:^10.1.0":
   version: 10.4.0
   resolution: "@testing-library/dom@npm:10.4.0"
@@ -26608,6 +26626,7 @@ __metadata:
     "@swc/core": "npm:^1.3.36"
     "@swc/jest": "npm:^0.2.36"
     "@tailwindcss/postcss": "npm:^4.0.17"
+    "@tanstack/react-query": "npm:^5.89.0"
     "@testing-library/dom": "npm:^10.1.0"
     "@testing-library/jest-dom": "npm:^5.16.5"
     "@testing-library/react": "npm:^16.0.0"