Can't access server environment variable using createServerFn

[floyergilmour]

I'm gettin an error when I try o access my DB url in createServerFn

import { createServerFn } from '@tanstack/react-start'
import {db} from "@/db/database";
import {env} from "@/env";


export const mutationFunction = createServerFn(
  {
    method: "POST",
    response: "data",
  }
)
  .validator((data: NewWaitlist) => data)
  .handler(
    async (ctx) => {
        const [record] = await db(env.DATABASE_URL).insert(waitlist).values(ctx.data).returning();
    }
  )

env comes from the t3 library

import { createEnv } from '@t3-oss/env-core'
import { z } from 'zod'

export const env = createEnv({
  server: {
    SERVER_URL: z.string().url().optional(),
    DATABASE_URL: z.string(),
  },

  clientPrefix: 'VITE_',

  client: {
    VITE_APP_TITLE: z.string().min(1).optional(),
  },

  runtimeEnv: import.meta.env,

  emptyStringAsUndefined: true,
})

I get this error

Error: ❌ Attempted to access a server-side environment variable on the client

[schiller-manuel]

can you please provide a complete minimal example project based on one of our examples?

[AhmedBaset]

Server Environment Variables are injected to process.env not import.meta.env

runtimeEnv: {
  VITE_APP_TITLE: import.meta.env.VITE_APP_TITLE,
  SERVER_URL: process.env.SERVER_URL,
  DATABASE_URL: process.env.DATABASE_URL,
},