React Query devtools icon
The react query devtools icon alwasy display in my app. How can I delete this icon?
2 Replies
Hi @way12. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Based on the knowledge sources provided, it appears that React Query DevTools are no longer included by default in refine. However, I can provide you with information on how to handle this situation:
1. React Query DevTools have been removed from the
@refinedev/core package since version 4.28.2. The devtoolConfig prop is no longer supported for configuring DevTools.
2. Refine now recommends using @refinedev/devtools as an alternative to @tanstack/react-query-devtools. This new DevTools package is specifically tailored for refine and provides more detailed information about queries and mutations.
3. If you're still seeing the React Query DevTools icon, it's likely that you have @tanstack/react-query-devtools installed separately in your project.
To remove the React Query DevTools icon, you should:
1. Uninstall the @tanstack/react-query-devtools package if it's in your project dependencies.
2. Remove any import statements or usage of React Query DevTools in your code.
If you want to use refine's own DevTools instead, you can install and set up @refinedev/devtools as described in the Using Devtools documentation.
Remember that refine's DevTools are only active in development mode and will not affect your production build.
If you need further assistance or if the icon persists after these steps, you may need to review your project's dependencies and code to ensure all references to React Query DevTools have been removed.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------<@871434531419357185> Kapa.ai is still learning and improving, please let me know how I did by reacting below.