Getting CORS error with tRPC express adapter, locally

  const [trpcClient] = useState(() =>
    trpc.createClient({
      links: [
        httpBatchLink({
          url: 'http://localhost:4000/trpc',
          fetch(url, options) {
            return fetch(url, {
              ...options,
              credentials: 'include',
            });
          },
        }),
      ],
    }),
  );

import express from 'express';
import env from '@server/utils/env';
import { createExpressMiddleware } from '@trpc/server/adapters/express';
import { appRouter } from '@server/trpc/router';
import { createContext } from '@server/trpc/context';
//import { initDb } from '@server/db';
import ViteExpress from 'vite-express';

const app = express();

app.use(
  '/trpc',
  createExpressMiddleware({
    router: appRouter,
    createContext,
    onError({ error, type, path, input, ctx, req }) {
      console.error(`Error in ${type} ${path}:`, error);
    },
  })
);

//env.PORT
ViteExpress.listen(app, 4000, () => {
  console.log(`Server is running on port ${env.PORT}`);
});

app.use(4000)