Hi all, out hope all is good... I need some help to figure how next/navigator works... What I'm trying to achieve is that every time I click on "Search" the Search page is "Revalidate"...

I'm using Nextjs 13 appDir and don't quite get how to do that

Modal Component code:

  const handleSearch = () => {
    const searchUrl = `/search?location=${search.location}&checkIn=${search.checkIn}&checkOut=${search.checkOut}&guests=${search.guests}&price_to=${search.priceTo}&price_from=${search.priceFrom}`;
    router.replace(searchUrl);
    closeModal();
  };

search/page.jsx Code:

async function getData(searchParams) {
  const queryParams = new URLSearchParams(searchParams).toString();
  let res = await fetch(`http://localhost:5500/search?${queryParams}`, {
    cache: "no-cache",
  });
  if (!res.ok) {
    return { data: { error: true } };
  }
  return res.json();
}

export default async function SearchPage({ searchParams }) {
  const data = await getData(searchParams);

  return (
    <div>
      <h1>Search Page</h1>
      <p>{JSON.stringify(data)}</p>
    </div>
  );
}

Does anyone have any idea how next/navigator can handle that?