How to fetch data in Nextjs SSC using Convex ?

import Home from "./inner";
import { preloadQuery, preloadedQueryResult } from "convex/nextjs";
import { api } from "@/convex/_generated/api";

export default async function ServerPage() {
  const preloaded = await preloadQuery(api.myFunctions.listNumbers, {
    count: 3,
  });

  const data = preloadedQueryResult(preloaded);

  return (
    <main className="p-8 flex flex-col gap-4 mx-auto max-w-2xl">
      <h1 className="text-4xl font-bold text-center">Convex + Next.js</h1>
      <div className="flex flex-col gap-4 bg-slate-200 dark:bg-slate-800 p-4 rounded-md">
        <h2 className="text-xl font-bold">Non-reactive server-loaded data</h2>
        <code>
          <pre>{JSON.stringify(data, null, 2)}</pre>
        </code>
      </div>
      <Home preloaded={preloaded} />
    </main>
  );
}

import Home from "./inner";
import { preloadQuery, preloadedQueryResult } from "convex/nextjs";
import { api } from "@/convex/_generated/api";

export default async function ServerPage() {
  const preloaded = await preloadQuery(api.myFunctions.listNumbers, {
    count: 3,
  });

  const data = preloadedQueryResult(preloaded);

  return (
    <main className="p-8 flex flex-col gap-4 mx-auto max-w-2xl">
      <h1 className="text-4xl font-bold text-center">Convex + Next.js</h1>
      <div className="flex flex-col gap-4 bg-slate-200 dark:bg-slate-800 p-4 rounded-md">
        <h2 className="text-xl font-bold">Non-reactive server-loaded data</h2>
        <code>
          <pre>{JSON.stringify(data, null, 2)}</pre>
        </code>
      </div>
      <Home preloaded={preloaded} />
    </main>
  );
}

> 6 |   const preloaded = await preloadQuery(api.myFunctions.listNumbers, {
    |                    ^
  7 |     count: 3,
  8 |   });
  9 | {
  digest: '2175136560',
  [cause]: [Error [ConnectTimeoutError]: Connect Timeout Error (attempted addresses: 52.54.48.130:443, 2600:1f18:77e:2300:4929:e49b:6cb2:75e6:443, 52.44.230.118:443, 2600:1f18:77e:2302:ddda:86fa:5687:daaa:443, 52.200.179.149:443, 2600:1f18:77e:2301:685b:995f:b5bb:9cbf:443, timeout: 10000ms)] {
    code: 'UND_ERR_CONNECT_TIMEOUT'
  }
}

> 6 |   const preloaded = await preloadQuery(api.myFunctions.listNumbers, {
    |                    ^
  7 |     count: 3,
  8 |   });
  9 | {
  digest: '2175136560',
  [cause]: [Error [ConnectTimeoutError]: Connect Timeout Error (attempted addresses: 52.54.48.130:443, 2600:1f18:77e:2300:4929:e49b:6cb2:75e6:443, 52.44.230.118:443, 2600:1f18:77e:2302:ddda:86fa:5687:daaa:443, 52.200.179.149:443, 2600:1f18:77e:2301:685b:995f:b5bb:9cbf:443, timeout: 10000ms)] {
    code: 'UND_ERR_CONNECT_TIMEOUT'
  }
}

# Deployment used by `npx convex dev`
CONVEX_DEPLOYMENT=

NEXT_PUBLIC_CONVEX_URL=

# Deployment used by `npx convex dev`
CONVEX_DEPLOYMENT=

NEXT_PUBLIC_CONVEX_URL=