He implementado una operación de eliminación. Cuando termine, realizo una redirección en la página principal, pero me gustaría que se actualice automáticamente, en lugar de eso, tengo que actualizarlo nuevamente (llamando a getEntities para recuperar los valores)

reductor.ts

 export const getEntities = createAsyncThunk('services/getEntities', async (param: parameters) => { const requestUrl = `${apiUrl}${param.sortParam ? `?page=${param.pageParam}&size=${20}&sort=${param.sortParam}` : ''}`; const response = await axios.get<any>(requestUrl); return response; }); export const deleteEntity = createAsyncThunk('services/deleteEntity', async (id: any) => { const response = await axios.delete<any>(`${apiUrl}/${id}`); return response; })

eliminarPágina.tsx

 const handleClose = () => { props.history.push('/service'); }; const confirmDelete = () => { dispatch(deleteEntity(property.entity.id)) .then((resp: any) => { if (resp.payload.status === 204) { handleClose(); } }) };

Entonces, en mi página de "servicio", tengo que volver a llamar a getEntities para obtener la lista actualizada (sin el elemento eliminado).

En su opinión, ¿cómo puedo hacer para evitar tener que llamar manualmente a getEntities después de la eliminación?