TS(2742) error when trying to create client

import * as trpcExpress from '@trpc/server/adapters/express'
import { renderTrpcPanel } from 'trpc-panel'
import { createContext } from './context'
import { Handler } from 'express'
import { createRouter } from './createRouter'

export const createApi = (path: string): { trpc: Handler, panel: Handler } => {
  const router = createRouter();

  return {
    trpc: trpcExpress.createExpressMiddleware({
      router,
      createContext
    }),
    panel: (_, res) => res.send(renderTrpcPanel(router, { url: `${path}/trpc`}))
  }
}

export type AppRouter = ReturnType<typeof createRouter>

import * as trpcExpress from '@trpc/server/adapters/express'
import { renderTrpcPanel } from 'trpc-panel'
import { createContext } from './context'
import { Handler } from 'express'
import { createRouter } from './createRouter'

export const createApi = (path: string): { trpc: Handler, panel: Handler } => {
  const router = createRouter();

  return {
    trpc: trpcExpress.createExpressMiddleware({
      router,
      createContext
    }),
    panel: (_, res) => res.send(renderTrpcPanel(router, { url: `${path}/trpc`}))
  }
}

export type AppRouter = ReturnType<typeof createRouter>

import { initTRPC } from '@trpc/server';
import { Context } from './context';
import { createCharacterRouter } from './character/router';
import { createSteamIdRouter } from './steamId/router';


export const createRouter = () => {
  const t = initTRPC.context<Context>().create();

  const router = t.router({
    character: createCharacterRouter(t),
    steamId: createSteamIdRouter(t),
  });

  return router;
};

import { initTRPC } from '@trpc/server';
import { Context } from './context';
import { createCharacterRouter } from './character/router';
import { createSteamIdRouter } from './steamId/router';


export const createRouter = () => {
  const t = initTRPC.context<Context>().create();

  const router = t.router({
    character: createCharacterRouter(t),
    steamId: createSteamIdRouter(t),
  });

  return router;
};

import { createTRPCProxyClient, httpBatchLink } from "@trpc/client";
import type { AppRouter } from "../../../server/src/api";

const client = createTRPCProxyClient<AppRouter>({
    links: [
        httpBatchLink({
            url: 'http://localhost:8000/',
        })
    ]
})

client.character.get.query()

export default client

import { createTRPCProxyClient, httpBatchLink } from "@trpc/client";
import type { AppRouter } from "../../../server/src/api";

const client = createTRPCProxyClient<AppRouter>({
    links: [
        httpBatchLink({
            url: 'http://localhost:8000/',
        })
    ]
})

client.character.get.query()

export default client