Re-render after delete item with redux thunk - reactjs

Question

I have a problem updating and displaying data from the api.
The problem occurs when I delete a specific item, sometimes the change is displayed (rendered) and other times not, until after the refresh.
Where can there be a mistake please?
Component
import React, { useEffect } from "react";
import { useParams } from "react-router-dom";
import { useSelector } from "react-redux";
import { useDispatch } from "react-redux";
import { getTodoItems, deleteTodoItem } from "../redux/todoSlice";
const TodoList = () => {
const { id } = useParams();
const dispatch = useDispatch();
const { todoList, urlParams } = useSelector((state) => state.todo);
useEffect(() => {
dispatch(getTodoItems(id));
dispatch(setUrlParams(+id));
}, [dispatch, id]);
const handleClick = (e) => {
dispatch(deleteTodoItem(urlParams, e.target.id));
dispatch(getTodoItems(urlParams));
};
return (
<div>
{todoList.map((todo, id) => {
<div key={id}>
<p>{todo.text}</p>
<button id={todo.id} onClick={handleClick}>
Delete
</button>
</div>;
})}
</div>
);
};
export default TodoList;
Slice
import { createSlice } from "#reduxjs/toolkit";
import axios from "axios";
const initialState = {
todoList: null,
urlParams: null,
};
export const todoSlice = createSlice({
name: "todo",
initialState,
reducers: {
setItems: (state, action) => {
state.todoList = action.payload;
},
setUrlParams: (state, action) => {
state.urlParams = action.payload;
},
},
});
export const { setItems, setUrlParams } = todoSlice.actions;
export default todoSlice.reducer;
// Load todo items
export const getTodoItems = (id) => {
return (dispatch) => {
axios
.get(`https://xxx.mockapi.io/api/list/${id}/todolist`)
.then((resp) => dispatch(setItems(resp.data)));
};
};
// Delete todo item
export const deleteTodoItem = (idList, idTodo) => {
return (dispatch) => {
axios
.delete(`https://xxx.mockapi.io/api/list/${idList}/todolist/${idTodo}`)
.then(
axios
.get(`https://xxx.mockapi.io/api/list/${idList}/todolist`)
.then((resp) => dispatch(setItems(resp.data)))
);
};
};
Thus, the first comes to download data from api -> render this data -> delete a specific item -> re-render the list without the deleted item
The problem occurs in the re-rendering, sometimes it happens that the data is erased in the background but the change is not apparent, but sometimes absolutely nothing happens, and the change occurs only after clicking the delete button again.