bug: Seems tRPC (or its config) doesn't work when internet is off on local machine?

Provide environment information

npx envinfo --system --binaries

  System:
    OS: macOS 13.0.1
    CPU: (10) arm64 Apple M1 Pro
    Memory: 589.69 MB / 32.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 16.15.0 - ~/.nvm/versions/node/v16.15.0/bin/node
    npm: 8.5.5 - ~/.nvm/versions/node/v16.15.0/bin/npm

ct3a from package.json

  "ct3aMetadata": {
    "initVersion": "6.10.0"
  }

Describe the bug

tRPC hangs on the hello endpoint. I just get Loading tRPC query...

I don’t see an error but no success either.

To reproduce

Start up a freshly generated app (npm run dev) without the internet, open http://localhost:3000, I just get Loading tRPC query....

Additional information

Turning on the internet solves this. Does something require the internet? There are many times that I work offline and this prevents progress.

[needim]

seems related to: https://tanstack.com/query/v4/docs/guides/network-mode

Since React Query is most often used for data fetching in combination with data fetching libraries, the default network mode is online.

In this mode, Queries and Mutations will not fire unless you have network connection. This is the default mode. If a fetch is initiated for a query, it will always stay in the state (loading, error, success) it is in if the fetch cannot be made because there is no network connection. However, a fetchStatus is exposed additionally.

you can modify the behaviour via changing react-query’s networkMode configuration src/utils/trpc.ts

export const trpc = createTRPCNext<AppRouter>({
  config() {
    return {
      queryClientConfig: {
        defaultOptions: {
          queries: {
            networkMode:
              process.env.NODE_ENV === "development" ? "always" : "online",
          },
        },
      },
      transformer: superjson,
      links: [
        loggerLink({
          enabled: (opts) =>
            process.env.NODE_ENV === "development" ||
            (opts.direction === "down" && opts.result instanceof Error),
        }),
        httpBatchLink({
          url: `${getBaseUrl()}/api/trpc`,
        }),
      ],
    };
  },
  ssr: false,
});

[sdoxsee]

Sounds good. Glad we can at least capture this issue so that other devs can see the solution. Thanks for all your help.