addd HPG state

apps/dispatch/app/_components/QueryProvider.tsx

@@ -5,6 +5,7 @@ import { toast } from "react-hot-toast";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { ReactNode, useEffect, useState } from "react";
 import { dispatchSocket } from "dispatch/socket";
+import { Mission } from "@repo/db";
 
 export function QueryProvider({ children }: { children: ReactNode }) {
 	const [queryClient] = useState(
@@ -22,7 +23,7 @@ export function QueryProvider({ children }: { children: ReactNode }) {
 			}),
 	);
 	useEffect(() => {
-		const invalidateMission = () => {
+		const invalidateMission = (mission: Mission) => {
 			queryClient.invalidateQueries({
 				queryKey: ["missions"],
 			});