X has implicitly has type 'any' because it does not have a type annotation error

import { publicProcedure, router } from "../trpc";
import { CreateExpressContextOptions, createExpressMiddleware } from "@trpc/server/adapters/express";
import { inferAsyncReturnType, inferRouterOutputs } from "@trpc/server";
import { Application } from "express";
import * as packageJson from '../../../package.json';

export const trpcRouter = router({
  version: publicProcedure
    .query(() => ({
      be_version: packageJson.version,
      force_logout_below_frontend_version: packageJson.force_logout_below_frontend_version,
      force_update_below_frontend_version: packageJson.force_update_below_frontend_version
    }))
});

export type AppRouter = typeof trpcRouter;
export type RouterOutputs = inferRouterOutputs<AppRouter>;

const createContext =({req, res}: CreateExpressContextOptions) => ({req, res})

export type Context = inferAsyncReturnType<typeof createContext>;

export const initializeTrpc = async (app: Application) => {
  app.use(
    "/trpc",
    createExpressMiddleware({
      router: trpcRouter,
      createContext,
    })
  )
};

import { publicProcedure, router } from "../trpc";
import { CreateExpressContextOptions, createExpressMiddleware } from "@trpc/server/adapters/express";
import { inferAsyncReturnType, inferRouterOutputs } from "@trpc/server";
import { Application } from "express";
import * as packageJson from '../../../package.json';

export const trpcRouter = router({
  version: publicProcedure
    .query(() => ({
      be_version: packageJson.version,
      force_logout_below_frontend_version: packageJson.force_logout_below_frontend_version,
      force_update_below_frontend_version: packageJson.force_update_below_frontend_version
    }))
});

export type AppRouter = typeof trpcRouter;
export type RouterOutputs = inferRouterOutputs<AppRouter>;

const createContext =({req, res}: CreateExpressContextOptions) => ({req, res})

export type Context = inferAsyncReturnType<typeof createContext>;

export const initializeTrpc = async (app: Application) => {
  app.use(
    "/trpc",
    createExpressMiddleware({
      router: trpcRouter,
      createContext,
    })
  )
};

import { TRPCError, initTRPC } from '@trpc/server';
import { Context } from './router';
import { authenticateReq } from '../services/authenticateReq.service';
 
const t = initTRPC.context<Context>().create();

const isAuthed = t.middleware(async ({ next, ctx }) => {
  try {
    const user = await authenticateReq(ctx.req.headers.authorization?.split(' ')[1], ctx.req.headers['user-agent']);
    return next({
      ctx,
    });
  } catch (error: any) {
    throw new TRPCError({
      code: error.message
    });
  };
});

export const middleware = t.middleware;
export const protectedProcedure = t.procedure.use(isAuthed);
export const publicProcedure = t.procedure;
export const router = t.router;

import { TRPCError, initTRPC } from '@trpc/server';
import { Context } from './router';
import { authenticateReq } from '../services/authenticateReq.service';
 
const t = initTRPC.context<Context>().create();

const isAuthed = t.middleware(async ({ next, ctx }) => {
  try {
    const user = await authenticateReq(ctx.req.headers.authorization?.split(' ')[1], ctx.req.headers['user-agent']);
    return next({
      ctx,
    });
  } catch (error: any) {
    throw new TRPCError({
      code: error.message
    });
  };
});

export const middleware = t.middleware;
export const protectedProcedure = t.procedure.use(isAuthed);
export const publicProcedure = t.procedure;
export const router = t.router;

import { createTRPCReact} from "@trpc/react-query";
import type { AppRouter } from 'api/src/trpc/router';

export const trpc = createTRPCReact<AppRouter>({
  abortOnUnmount: true,
});

import { createTRPCReact} from "@trpc/react-query";
import type { AppRouter } from 'api/src/trpc/router';

export const trpc = createTRPCReact<AppRouter>({
  abortOnUnmount: true,
});