AllTodos.jsx

// in todo/all query we are fetching the list of all todos
const { isLoading, isError, data } = useQuery("todo/all", () => {
  return axios.get(`http://localhost:4000/todo/all`)
})

CreateTodo.jsx

// now when todo/create is successful we are invalidating todo/all
// So that todo list is being fetching in create new todo creation
const { isLoading, isError, mutateAsync } = useMutation(
  "todo/create",
  () => {
    return axios.post("http://localhost:4000/todo/create", todo)
  },
  {
    onSuccess: () => {
      queryClient.invalidateQueries("todo/all")
    },
  }
)