Optimistic Update Works in Replit but Not on Localhost with React Query

[kismatkc]

I am experiencing a problem with optimistic updates using React Query's useMutation hook. The deletion and optimistic update logic work perfectly in the Replit environment((Cloud Environment)) but not on localhost.

Issue
The useDeleteAccount hook works as expected in terms of deleting the data on the backend in both environments. However, the optimistic update is only reflected in the Replit environment and not on localhost

`import API from "@/app/axios";
import { toast } from "sonner";
import { useMutation, useQueryClient } from "@tanstack/react-query";

const deleteUser = async (data: { data: string[] }) => {
const response = await API.post("/account/delete", data);
return response.data;
};

import useAddNewAccountModal from "@/hooks/accounts/account-sheet-modal";

const useDeleteAccount = () => {
const { onClose } = useAddNewAccountModal();
const queryClient = useQueryClient();

return useMutation({
mutationFn: deleteUser,
onMutate: async (deletedData) => {
await queryClient.cancelQueries({ queryKey: ['accounts'] });
const previousAccounts = queryClient.getQueryData(['accounts']);

  queryClient.setQueryData(['accounts'], (old: any) => {
    return old.filter((account: any) => !deletedData.data.includes(account.id));
  });

  return { previousAccounts };
},
onError: (err, deletedData, context) => {
  queryClient.setQueryData(['accounts'], context?.previousAccounts);
  toast("Account not deleted, please try again");
},
onSettled: () => {
  queryClient.invalidateQueries({ queryKey: ['accounts'] });
  onClose();
},
onSuccess: () => {
  toast("Account has been deleted");
}

});
};

export default useDeleteAccount;
`
Also i am experiencing problem only with this deletion hook adding account and updating accounts works flawlessly in both environment.Thank you so much for your help.