Conflict Between Chakra UI and TanStack Query – No Auto-Suggestions in VSCode

[navasnoozy]

I encountered a strange issue while working on my project. When I imported QueryClient from @tanstack/react-query, VSCode's auto-suggestions did not work. However, after multiple troubleshooting steps, I found that uninstalling Chakra UI fixed the issue.

the issue occures when try to do this
import { QueryClient } from '@tanstack/react-query';,

used version:
@chakra-ui/react": "^3.7.0",
"@emotion/react": "^11.14.0",
"@emotion/styled": "^11.14.0",

"@tanstack/react-query": "^5.66.0",

What I Tried:
✅ Cleared npm cache (npm cache clean --force)
✅ Deleted node_modules & package-lock.json
✅ Reinstalled dependencies
✅ Restarted TypeScript Server in VSCode
✅ Checked TypeScript version
✅ Restarted vscode and system