Best way to update a TRPC useQuery response without refetching

  const { data: submissions } =
    api.applications.applicationSubmissions.useQuery(
      {
        guildId: guildId as string,
        status: status,
        userId: undefined,
        applicationName: '',
      },
      { enabled: !!guildId }
    );

  return (
          {submissions?.map((submission) => {
          return (
            <ApplicationContainer submission={submission} guildId={guildId} />
          );
)

const ApplicationContainer = ({
  submission,
  guildId,
}: ApplicationContainerProps) => {
  const theme = useMantineTheme();
  const deleteSubmissionMutation =
    api.applications.deleteSubmission.useMutation<{
      guildId: string;
      submissionId: string;
    }>({});

  const handleDeleteSubmission = async (submissionId: string) => {
    const response = await deleteSubmissionMutation.mutateAsync({
      guildId: guildId,
      submissionId: submissionId,
    });
    // somehow remove the submissionId from the submissions variable without refetching the entire submission list again.