refactor(web): drop useDataInvalidator

web/src/App.jsx

@@ -29,11 +29,8 @@ import { useInstallerClientStatus } from "~/context/installer";
 import { useProduct } from "./context/product";
 import { CONFIG, INSTALL, STARTUP } from "~/client/phase";
 import { BUSY } from "~/client/status";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { useL10nConfigChanges } from "~/queries/l10n";
 
-const queryClient = new QueryClient();
-
 /**
  * Main application component.
  *

web/src/context/app.jsx

@@ -52,4 +52,4 @@ function AppProviders({ children }) {
   );
 }
 
-export { AppProviders, queryClient };
+export { AppProviders };

web/src/queries/l10n.js

@@ -20,9 +20,8 @@
  */
 
 import React from "react";
-import { useQueryClient, useMutation, useSuspenseQuery, useSuspenseQueries } from "@tanstack/react-query";
+import { useQueryClient, useMutation, useSuspenseQueries } from "@tanstack/react-query";
 import { useInstallerClient } from "~/context/installer";
-import { useDataInvalidator } from "~/queries/hooks";
 import { timezoneUTCOffset } from "~/utils";
 
 /**
@@ -108,18 +107,18 @@ const useConfigMutation = () => {
  * revalidate its data (executing the loaders again).
  */
 const useL10nConfigChanges = () => {
-  const dataInvalidator = useDataInvalidator();
+  const queryClient = useQueryClient();
   const client = useInstallerClient();
 
   React.useEffect(() => {
     if (!client) return;
 
     return client.ws().onEvent(event => {
       if (event.type === "L10nConfigChanged") {
-        dataInvalidator({ queryKey: ["l10n", "config"] });
+        queryClient.invalidateQueries({ queryKey });
       }
     });
-  }, [client, dataInvalidator]);
+  }, [client, queryClient]);
 };
 
 /// Returns the l10n data.