Add react-query devtool to story

Author: djhi

packages/ra-core/package.json

@@ -28,6 +28,7 @@
     },
     "devDependencies": {
         "@hookform/resolvers": "^3.2.0",
+        "@tanstack/react-query-devtools": "^5.21.7",
         "@testing-library/react": "^15.0.7",
         "@types/jest": "^29.5.2",
         "@types/jscodeshift": "^0.11.11",

packages/ra-core/src/auth/CanAccess.stories.tsx

@@ -5,6 +5,7 @@ import { AuthProvider } from '../types';
 import { CoreAdminContext } from '../core/CoreAdminContext';
 import { CanAccess } from './CanAccess';
 import { TestMemoryRouter } from '../routing/TestMemoryRouter';
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 
 export default {
     title: 'ra-core/auth/CanAccess',
@@ -147,6 +148,10 @@ export const ManyCalls = ({
                         <div>{post.title}</div>
                     </CanAccess>
                 ))}
+                <ReactQueryDevtools
+                    initialIsOpen={false}
+                    buttonPosition="bottom-right"
+                />
             </div>
         </CoreAdminContext>
     </TestMemoryRouter>

yarn.lock

@@ -16028,6 +16028,7 @@ __metadata:
   dependencies:
     "@hookform/resolvers": "npm:^3.2.0"
     "@tanstack/react-query": "npm:^5.21.7"
+    "@tanstack/react-query-devtools": "npm:^5.21.7"
     "@testing-library/react": "npm:^15.0.7"
     "@types/jest": "npm:^29.5.2"
     "@types/jscodeshift": "npm:^0.11.11"