Refine•13mo ago

DeleteButton

<DeleteButton hideText recordItemId={row.id} />
error of not recalling list after deletion

kapa.ai•12/18/24, 3:09 AM

Hi @Su Fly 007. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base.

kapa.ai•12/18/24, 3:09 AM

----------------------
Based on the information provided in the knowledge sources, it appears that you're encountering an issue where the list doesn't update after deleting an item using the DeleteButtonDeleteButton component in refine. This is likely due to an invalidation problem with the resources.

To resolve this issue, you can use the

onSuccess

onSuccess

prop of the DeleteButtonDeleteButton to manually invalidate the correct resource after deletion. Here's how you can modify your code:

import { useInvalidate } from "@refinedev/core";

const invalidate = useInvalidate();

<DeleteButton
  hideText
  recordItemId={row.id}
  onSuccess={() => {
    invalidate({
      resource: "your-resource-name",
      invalidates: ["list"],
    });
  }}
/>

import { useInvalidate } from "@refinedev/core";

const invalidate = useInvalidate();

<DeleteButton
  hideText
  recordItemId={row.id}
  onSuccess={() => {
    invalidate({
      resource: "your-resource-name",
      invalidates: ["list"],
    });
  }}
/>

Replace "your-resource-name" with the actual name of your resource.

This solution is based on the information provided in the GitHub issue discussion (https://github.com/refinedev/refine/issues/4655), where a similar problem was addressed.

The reason for this issue is that the invalidation might not work correctly if the resource names don't match exactly. By manually invalidating the correct resource after deletion, you ensure that the list is updated properly.

If this solution doesn't resolve your issue, you may need to provide more details about your specific implementation, including the resource name and how you've set up your

useTable

useTable

hook or list component.
----------------------
Note: you can ask me a follow up question by @ mentioning me again

----------------------

kapa.ai•12/18/24, 3:09 AM

@617879699363725341 Kapa.ai is still learning and improving, please let me know how I did by reacting below.

brilliant-lime•12/18/24, 2:39 PM

what do you mean "recalling"? does it not fetch new data?

import { useInvalidate } from "@refinedev/core"; const invalidate = useInvalidate(); <DeleteButton hideText recordItemId={row.id} onSuccess={() => { invalidate({ resource: "your-resource-name", invalidates: ["list"], }); }} />