I'm using cache function in server only component but whenever I'm changing data on the BE I'm always getting the updated data and not from the cache. Why so?

I've this route at app/page.tsx:

import { getUsers } from "@/utils/getUser";

export const revalidate = 5;

export default async function Home() {
  const users: any[] = await getUsers();

  return (
    <main className="flex min-h-screen flex-col items-center justify-between p-24">
      {users.map((user) => (
        <h1 key={user.id}>{user.name}</h1>
      ))}
    </main>
  );
}

utils/getUser.ts

import axios from "axios";
import { cache } from "react";

export const getUsers = cache(async () => {
    const users = (
        await axios.get("https://64baaf385e0670a501d6887f.mockapi.io/users")
    ).data;

    console.log({ users });

    return users;
});