Why does prefetching not work for <Link> component in Next.js?

I read many blogs everyone mentions that Next.js prefetches the Link but it was not working for me.

Here is my chrome network tab:

that is my code that I tried:

import  Link from 'next/link' 

export default function Home() {
    return (
        <div >
          <Link href="/home">
              <a>Home</a>
          </Link>
          <Link href="/About/about">
              <a>About</a>
          </Link>
        </div>
    )
}