Merge pull request #8494 from thornbill/clear-queries-language

Clear query cache on user language change

src/components/QueryClientEventHandler.tsx

@@ -10,12 +10,24 @@ const QueryClientEventHandler: FC = () => {
     const queryClient = useQueryClient();
     const { user } = useApi();
 
+    const clearQueries = useCallback(() => (
+        queryClient.clear()
+    ), [queryClient]);
+
     const invalidateItemQueries = useCallback(() => (
         queryClient.invalidateQueries({
             queryKey: ['User', user?.Id, 'Items']
         })
     ), [queryClient, user?.Id]);
 
+    useEffect(() => {
+        Events.on(document, EventType.LANGUAGE_CHANGE, clearQueries);
+
+        return () => {
+            Events.off(document, EventType.LANGUAGE_CHANGE, clearQueries);
+        };
+    }, [clearQueries]);
+
     useEffect(() => {
         Events.on(document, EventType.REFRESH_NEEDED, invalidateItemQueries);