`createEnv` from `@t3-oss/env-nextjs` returns genric object when using Zod v3.23.0

[mwskwong]

`createEnv` from `@t3-oss/env-nextjs` returns genric object when using Zod v3.23.0

[colinhacks]

Thanks for the quick action @juliusmarminge.

I've fixed the underlying problem in Zod 3.23.2, so there's no need for everyone to upgrade. Perhaps add this as a note at the top of the original issue to avoid further confusion?

---

Notes for those who are so inclined:

Because createEnv in t3env/next lacks an explicit return type annotation, TypeScript generates one for the .d.ts. To do so, it pulls in some internal Zod utilities (namely objectUtil.addQuestionMarks) from whatever version of Zod was installed when the build happened. You can see this in this snippet of the declaration file:

declare function createEnv<
	TServer extends Record<string, ZodType> = NonNullable<unknown>,
	TClient extends Record<
		`${ClientPrefix}${string}`,
		ZodType
	> = NonNullable<unknown>,
	TShared extends Record<string, ZodType> = NonNullable<unknown>,
	const TExtends extends Array<Record<string, unknown>> = [],
>(
	opts: Options<TServer, TClient, TShared, TExtends>,
): Readonly<
	(zod.objectUtil.addQuestionMarks<
		zod.baseObjectOutputType<TServer>,
		{
			[k_1 in keyof zod.baseObjectOutputType<TServer>]: undefined extends zod.baseObjectOutputType<TServer>[k_1]
				? never
				: k_1;
		}[keyof TServer]
	> extends infer T_25
		? {
				[k in keyof T_25]: zod.objectUtil.addQuestionMarks<
					zod.baseObjectOutputType<TServer>,
					{
						[k_1 in keyof zod.baseObjectOutputType<TServer>]: undefined extends zod.baseObjectOutputType<TServer>[k_1]
							? never
							: k_1;
					}[keyof TServer]
				>[k];
			}
		: never) 
		// ...
 >	

This essentially means that that dependency on Zod is no longer "portable" and requires a specific version of Zod to work properly.

Normally compiling something like this with tsc would throw an error like the one below. I'm currently seeing this error for the nuxt package but not the nextjs one when building the packages locally 🤷‍♂️ I'm still not sure why.

@t3-oss/env-nuxt:build: src/index.ts(19,17): error TS2742: The inferred type of 'createEnv' cannot be named without a reference to '@t3-oss/env-core/node_modules/.pnpm/[email protected]/node_modules/zod'. This is likely not portable. A type annotation is necessary.

The utility type zod.objectUtil.addQuestionMarks changed from accepting two generics to accepting a single generic. Because the 3.22.x version of this utility had leaked into the declaration file for [email protected], the typings for t3-env broke when used in conjunction with [email protected].

My fix was to add a second generic argument back to that type (a no-op): colinhacks/zod@ef588d0

I think an explicity return type on createEnv would future-proof the library. I made a PR to that effect: #224

I'll also see if there's something I can do on my size to prevent Zod utilities from getting "inlined" like this in the future.

---

Unrelated, there's also some kind of recursive unrollling happening due to Reduce<> that blows up the index.d.ts file. This is also fixed by my PR. (But it's unrelated to this issue.)

[ArekBartnik]

@t3-oss/env-nextjs: 0.9.1 with zod: 3.23.4 (latest) -> works
@t3-oss/env-nextjs: 0.10.1 (latest) with zod: 3.23.4 (latest) -> shows any

[juliusmarminge]

Though there is a breaking change on presets, which are now functions

Yea this will be a 0.10 release. Needed to make them functions to avoid side-effects in the imports

I'll go ahead and relese 0.10 now then

[vaun-blu]

3-oss/env-nextjs: 0.9.1

I also get this issue. Reverting to 0.9.1 fixes the issue for now

[Stewart86]

Same, just got a failed check with dependabot for Zod version bump. Following for resolution.

[waltershewmake]

Also experiencing this

[shadizx]

same, but i'm experiencing this with older zod versions as well.

[juliusmarminge]

Someone know what types they've changed? We're not using any internal types so feels like they've unintentionally broken semver.

same, but i'm experiencing this with older zod versions as well.

That's weird, please open a separate issue with a reproduction.

[mwskwong]

@juliusmarminge Could it be related to this change?

[juliusmarminge]

@juliusmarminge Could it be related to this change?

we're only using ZodType as a generic constraint so that shouldn't matter

[juliusmarminge]

can't reproduce inside this repo though which will make it harder to debug...

[mwskwong]

can't reproduce inside this repo though which will make it harder to debug...

Interesting. Since there have been a few commits since the last release, maybe one of the commits "solves" unintentionally (e.g. the "bump deps" one, which is doing more than just bumping deps)?

Is it feasible to release a beta/canary/unstable release so that we can test it and see whether that's the case?

[juliusmarminge]

Is it feasible to release a beta/canary/unstable release so that we can test it and see whether that's the case?

Was just about to do that from #223

[juliusmarminge]

Try this one: pnpm add @t3-oss/[email protected]

[Stewart86]

yup looks like canary fixes it for me

[mwskwong]

Same for me.

Though there is a breaking change on presets, which are now functions

[ixuz]

Still a problem for me.

Using: @t3-oss/env-nextjs: 0.10.1 with zod: 3.23.8 and the createEnv returns any type.

[bastibuck]

@juliusmarminge I can confirm this issue still persists like described above. Rolling back to 0.9.1 works for now

[juliusmarminge]

If anyone still gets this please also provide a reproduction. Im using the latest version without issues

[bastibuck]

When I install 0.10.1 it says

Cannot find module '@t3-oss/env-nextjs' or its corresponding type declarations.

Using version 0.9.1 it works fine.

See https://codesandbox.io/p/devbox/dreamy-black-7l4ywn?workspaceId=78150bbe-056c-4c8d-8542-1698ecfb6c1d

[juliusmarminge]

When I install 0.10.1 it says

Cannot find module '@t3-oss/env-nextjs' or its corresponding type declarations.

Using version 0.9.1 it works fine.

See https://codesandbox.io/p/devbox/dreamy-black-7l4ywn?workspaceId=78150bbe-056c-4c8d-8542-1698ecfb6c1d

You're using an incompatible module resolution. See https://github.com/t3-oss/t3-env#installation for compatible options

[bastibuck]

Ahhh I see. After I changed it to

    "moduleResolution": "Bundler",
    "module": "esnext",

it seems to work.

Also I had to use proper import instead of require inside my next.config.mjs. Maybe this helps anyone else finding this