Architecture requise
Utilisez exactement un client au niveau app : "use client"; const queryClient = new QueryClient(); export default function ProductsPage()
Guide
Architecture QueryClient partagé, invalidation et comportement de **rafraîchissement**
Utilisez exactement un client au niveau app : "use client"; const queryClient = new QueryClient(); export default function ProductsPage()
Quand des actions de ligne ou bulk réussissent, YaYaw Table invalide : ["tableData", tableId] Ensuite les queries actives se rafraîchissent et la table se met à jour avec des données serveur fraîches.
Quand vous exécutez des mutations custom en dehors de YaYaw Table, invalidez la même clé : await queryClient.invalidateQueries( queryKey: ["tableData", "products"], );
Ce que cette page couvre
La source MDX originale est condensee en cartes CMS natives pour edition et republication depuis le control plane.
Utilisez exactement un client au niveau app : "use client"; const queryClient = new QueryClient(); export default function ProductsPage()
Quand des actions de ligne ou bulk réussissent, YaYaw Table invalide : ["tableData", tableId] Ensuite les queries actives se rafraîchissent et la table se met à jour avec des données serveur fraîches.
Quand vous exécutez des mutations custom en dehors de YaYaw Table, invalidez la même clé : await queryClient.invalidateQueries( queryKey: ["tableData", "products"], );
Si aucun QueryClient n'est disponible : erreur runtime explicite. Si un provider et la prop queryClient sont tous deux définis avec des instances différentes : erreur runtime explicite. La duplication silencieuse de cac...
Notes d'implementation
Flux de confirmation et contrat des callbacks pour copy, delete, edit et export
$ "use client";
$ const queryClient = new QueryClient();
$ export default function ProductsPage() {
$ return (
$ <QueryClientProvider client={queryClient}>