How do I refresh the admin ui after making changes in a custom Component?

[sriechersrc]

Hi,

I am trying to refresh the admin ui after making changes to the data in a custom ui component. I tried using

const { reportUpdate } = useDocumentEvents()
const { execute: updateFormatPageData } = useUpdateFormatPageData() // server action using next-safe-actions

const handleRemove = () => {
  updateFormatPageData({
    pageId,
    pageIds: newPageIds
  })

  reportUpdate({
    entitySlug: 'pages',
    id: pageId,
    updatedAt: new Date().toISOString(),
  })
}

but this does not refresh the ui as I was expecting. What am I doing wrong?