Error with shared vars on client

[chertik77]

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

export const env = createEnv({
  shared: {
    EXAMPLE_VAR: z.string()
  },
  experimental__runtimeEnv: {
    EXAMPLE_VAR: process.env.EXAMPLE_VAR
  }
})

I'm getting var on server successfully, but always getting error on client side, what's wrong?

[criskell]

Try importing with NEXT_PUBLIC_ prefix.
Worked with me.

[juliusmarminge]

t3-env doesn't do anything in your build process to make these available on the client. what this field is for is to have access to a variable that's not prefixed with the (for example) NEXT_PUBLIC prefix on the client. NODE_ENV is more an exception than rule here. If you want to statically replace this EXAMPLE_VAR on the client during build you'll need to set that in nextConfig#env. Read more here: https://nextjs.org/docs/app/api-reference/config/next-config-js/env

t3-env is validation only. Hope this clarifies it