Public environment variables doesn't seem to work with vercel

export const TRPC_BASE_URL = import.meta.env.VITE_API_BASE_URL + '/trpc';

import { defineConfig } from '@tanstack/start/config';
import viteTsConfigPaths from 'vite-tsconfig-paths';

export default defineConfig({
    tsr: {
        appDirectory: './src/app/router',
        generatedRouteTree: './src/app/router/routeTree.gen.ts',
        routesDirectory: './src/app/router/routes',
    },
    routers: {
        client: {
            entry: './src/app/router/client.tsx',
        },
        ssr: {
            entry: './src/app/router/ssr.tsx',
        },
        api: {
            entry: './src/app/router/api.ts',
        },
    },
    server: {
        devProxy: {
            '/api': 'http://localhost:4001',
        },
        preset: 'vercel',
    },
    vite: {
        plugins: () => [
            viteTsConfigPaths({
                projects: ['./tsconfig.json'],
            }),
        ],
    },
});