System:
    OS: macOS 13.2.1
    CPU: (16) x64 Intel(R) Core(TM) i9-9980HK CPU @ 2.40GHz
    Memory: 5.96 GB / 32.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 18.14.2 - ~/.local/share/nvm/v18.14.2/bin/node
    npm: 9.5.0 - ~/.local/share/nvm/v18.14.2/bin/npm
  Browsers:
    Brave Browser: 110.1.48.171
    Safari: 16.3
  npmPackages:
    @trpc/client: ^10.13.2 => 10.13.2
    @trpc/server: ^10.13.2 => 10.13.2

TypeError: globalThis.fetch.bind is not a function. (In 'globalThis.fetch.bind(globalThis)', 'globalThis.fetch.bind' is undefined)

18 |     }
19 |     constructor(message, opts){
20 |         const cause = opts?.cause;
21 |         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
22 |         // @ts-ignore https://github.com/tc39/proposal-error-cause
23 |         super(message, {
            ^
TRPCClientError: fetch() failed
      at new TRPCClientError (/Users/jeff/Documents/repos/trpc/examples/bun/node_modules/@trpc/client/dist/transformResult-6fb67924.mjs:23:8)
      at from (/Users/jeff/Documents/repos/trpc/examples/bun/node_modules/@trpc/client/dist/transformResult-6fb67924.mjs:13:15)
      at /Users/jeff/Documents/repos/trpc/examples/bun/node_modules/@trpc/client/dist/links/httpBatchLink.mjs:200:63

import { createTRPCProxyClient, httpBatchLink } from '@trpc/client';
import type { AppRouter } from './router.js';

const client = createTRPCProxyClient<AppRouter>({
  links: [
    httpBatchLink({ // ❌ httpBatchLink > resolveHTTPLinkOptions > getFetch is failing
      url: 'http://localhost:3000/trpc',
    }),
  ],
});

const bilbo = await client.getUserById.query('id_bilbo');
// => { id: 'id_bilbo', name: 'Bilbo' };
const frodo = await client.createUser.mutate({ name: 'Frodo' });
// => { id: 'id_frodo', name: 'Frodo' };

import { initTRPC } from '@trpc/server';
import { z } from 'zod';

type User = {
  id: string;
  name: string;
  bio?: string;
};
const users: Record<string, User> = {};

users['id_bilbo'] =  {
  id: 'id_bilbo',
  name: 'Bilbo',
}

export const t = initTRPC.create();


export const appRouter = t.router({
  getUserById: t.procedure.input(z.string()).query(({ input }) => {
    return users[input]; // input type is string
  }),
  createUser: t.procedure
    // validate input with Zod
    .input(
      z.object({
        name: z.string().min(3),
        bio: z.string().max(142).optional(),
      }),
    )
    .mutation(({ input }) => {
      const id = Date.now().toString();
      const user: User = { id, ...input };
      users[user.id] = user;
      return user;
    }),
});

// export type definition of API
export type AppRouter = typeof appRouter;

import { fetchRequestHandler } from '@trpc/server/adapters/fetch';
import { appRouter } from './router.js';

const server = Bun.serve({
  port: 3000,
  fetch(req) {

    return fetchRequestHandler({
      endpoint: '/trpc',
      req: req,
      router: appRouter,
          createContext: () => ({}),

    });
  },
});

console.log(`Listening on http://localhost:${server.port}...`);