There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering.

Hydration failed because the initial UI does not match what was rendered on the server.

Text content does not match server-rendered HTML.

import { Dynamic } from "@/components/Dynamic";
import { Suspense } from "react";

export default async function Page() {
  const { unixtime } = await (
    await fetch("http://worldtimeapi.org/api/timezone/Europe/Paris", {
      next: { revalidate: 2 }, // Triggers hydration errors when revalidating
    })
  ).json();

  return (
    <div>
      {/* Enables PPR for the page */}
      <Suspense>
        {/* Uses dynamic functions like headers() */}
        <Dynamic />
      </Suspense>

      {unixtime}
    </div>
  );
}