diff --git a/package-lock.json b/package-lock.json
index d59a9cf..42e8c34 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
 			"license": "Apache-2.0",
 			"dependencies": {
 				"@prismicio/client": "^7.12.0",
+				"esm-env": "^1.2.1",
 				"vue-router": "^4.5.0"
 			},
 			"devDependencies": {
@@ -4186,6 +4187,12 @@
 				"node": "*"
 			}
 		},
+		"node_modules/esm-env": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.2.1.tgz",
+			"integrity": "sha512-U9JedYYjCnadUlXk7e1Kr+aENQhtUaoaV9+gZm1T8LC/YBAPJx3NSPIAurFOC0U5vrdSevnUJS2/wUVxGwPhng==",
+			"license": "MIT"
+		},
 		"node_modules/espree": {
 			"version": "10.3.0",
 			"resolved": "https://registry.npmjs.org/espree/-/espree-10.3.0.tgz",
diff --git a/package.json b/package.json
index c10d34d..96092ab 100644
--- a/package.json
+++ b/package.json
@@ -58,6 +58,7 @@
 	},
 	"dependencies": {
 		"@prismicio/client": "^7.12.0",
+		"esm-env": "^1.2.1",
 		"vue-router": "^4.5.0"
 	},
 	"devDependencies": {
diff --git a/src/PrismicImage.vue b/src/PrismicImage.vue
index 5d59aa7..992eeb4 100644
--- a/src/PrismicImage.vue
+++ b/src/PrismicImage.vue
@@ -5,6 +5,7 @@ import {
 	asImageWidthSrcSet,
 	isFilled,
 } from "@prismicio/client"
+import { DEV } from "esm-env"
 import { computed, watchEffect } from "vue"
 
 import { devMsg } from "./lib/devMsg"
@@ -89,7 +90,7 @@ defineOptions({ name: "PrismicImage" })
 
 const { options } = usePrismic()
 
-if (typeof process !== "undefined" && process.env.NODE_ENV === "development") {
+if (DEV) {
 	watchEffect(() => {
 		if (typeof props.alt === "string" && props.alt !== "") {
 			console.warn(
diff --git a/src/PrismicLink.vue b/src/PrismicLink.vue
index 388d862..db66090 100644
--- a/src/PrismicLink.vue
+++ b/src/PrismicLink.vue
@@ -6,6 +6,7 @@ import {
 	type PrismicDocument,
 	asLinkAttrs,
 } from "@prismicio/client"
+import { DEV } from "esm-env"
 import { computed, watchEffect } from "vue"
 
 import { devMsg } from "./lib/devMsg"
@@ -102,7 +103,7 @@ defineOptions({ name: "PrismicLink" })
 
 const { options } = usePrismic()
 
-if (typeof process !== "undefined" && process.env.NODE_ENV === "development") {
+if (DEV) {
 	watchEffect(() => {
 		if (props.field) {
 			if (!props.field.link_type) {
diff --git a/src/PrismicText.vue b/src/PrismicText.vue
index 2d74615..d5f441d 100644
--- a/src/PrismicText.vue
+++ b/src/PrismicText.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import type { RichTextField } from "@prismicio/client"
 import { asText, isFilled } from "@prismicio/client"
+import { DEV } from "esm-env"
 import { watchEffect } from "vue"
 
 import Wrapper from "./lib/Wrapper.vue"
@@ -42,7 +43,7 @@ export type PrismicTextProps = {
 const props = defineProps<PrismicTextProps>()
 defineOptions({ name: "PrismicText" })
 
-if (typeof process !== "undefined" && process.env.NODE_ENV === "development") {
+if (DEV) {
 	watchEffect(() => {
 		if (typeof props.field === "string") {
 			throw new Error(
diff --git a/src/SliceZone/TODOSliceComponent.ts b/src/SliceZone/TODOSliceComponent.ts
index 89b2cef..738107a 100644
--- a/src/SliceZone/TODOSliceComponent.ts
+++ b/src/SliceZone/TODOSliceComponent.ts
@@ -1,3 +1,4 @@
+import { DEV } from "esm-env"
 import type { PropType } from "vue"
 import { computed, defineComponent, h, watchEffect } from "vue"
 
@@ -10,40 +11,39 @@ import type { SliceComponentType, SliceLike } from "./types"
  * This is also the default Vue component rendered when a component mapping
  * cannot be found in `<SliceZone />`.
  */
-export const TODOSliceComponent =
-	typeof process !== "undefined" && process.env.NODE_ENV === "development"
-		? /*#__PURE__*/ (defineComponent({
-				name: "TODOSliceComponent",
-				props: {
-					slice: {
-						type: Object as PropType<SliceLike>,
-						required: true,
-					},
+export const TODOSliceComponent = DEV
+	? /*#__PURE__*/ (defineComponent({
+			name: "TODOSliceComponent",
+			props: {
+				slice: {
+					type: Object as PropType<SliceLike>,
+					required: true,
 				},
-				setup(props) {
-					const type = computed(() => {
-						return "slice_type" in props.slice
-							? props.slice.slice_type
-							: props.slice.type
-					})
+			},
+			setup(props) {
+				const type = computed(() => {
+					return "slice_type" in props.slice
+						? props.slice.slice_type
+						: props.slice.type
+				})
 
-					watchEffect(() => {
-						console.warn(
-							`[SliceZone] Could not find a component for Slice type "${type.value}"`,
-							props.slice,
-						)
-					})
+				watchEffect(() => {
+					console.warn(
+						`[SliceZone] Could not find a component for Slice type "${type.value}"`,
+						props.slice,
+					)
+				})
 
-					return () => {
-						return h(
-							"section",
-							{
-								"data-slice-zone-todo-component": "",
-								"data-slice-type": type.value,
-							},
-							[`Could not find a component for Slice type "${type.value}"`],
-						)
-					}
-				},
-			}) as SliceComponentType)
-		: ((() => null) as SliceComponentType)
+				return () => {
+					return h(
+						"section",
+						{
+							"data-slice-zone-todo-component": "",
+							"data-slice-type": type.value,
+						},
+						[`Could not find a component for Slice type "${type.value}"`],
+					)
+				}
+			},
+		}) as SliceComponentType)
+	: ((() => null) as SliceComponentType)
diff --git a/test/components-PrismicImage.test.ts b/test/components-PrismicImage.test.ts
index a2fe437..2e44da5 100644
--- a/test/components-PrismicImage.test.ts
+++ b/test/components-PrismicImage.test.ts
@@ -166,9 +166,6 @@ it("prioritizes widths prop over pixelDensities", (ctx) => {
 })
 
 it("warns if both widths and pixelDensites are given", (ctx) => {
-	// The warning only logs in "development".
-	const originalNodeEnv = process.env.NODE_ENV
-	process.env.NODE_ENV = "development"
 	const consoleWarnSpy = vi
 		.spyOn(console, "warn")
 		.mockImplementation(() => void 0)
@@ -191,7 +188,6 @@ it("warns if both widths and pixelDensites are given", (ctx) => {
 	)
 
 	consoleWarnSpy.mockRestore()
-	process.env.NODE_ENV = originalNodeEnv
 })
 
 describe("renders alt attribute", () => {
@@ -223,9 +219,6 @@ describe("renders alt attribute", () => {
 	})
 
 	it("warns if a non-decorative fallback alt value is given", (ctx) => {
-		// The warning only logs in "development".
-		const originalNodeEnv = process.env.NODE_ENV
-		process.env.NODE_ENV = "development"
 		const consoleWarnSpy = vi
 			.spyOn(console, "warn")
 			.mockImplementation(() => void 0)
@@ -243,7 +236,6 @@ describe("renders alt attribute", () => {
 		)
 
 		consoleWarnSpy.mockRestore()
-		process.env.NODE_ENV = originalNodeEnv
 	})
 
 	it("with an explicit decorative alt when field has an alt value", (ctx) => {
@@ -269,9 +261,6 @@ describe("renders alt attribute", () => {
 	})
 
 	it("warns if a non-decorative alt value is given", (ctx) => {
-		// The warning only logs in "development".
-		const originalNodeEnv = process.env.NODE_ENV
-		process.env.NODE_ENV = "development"
 		const consoleWarnSpy = vi
 			.spyOn(console, "warn")
 			.mockImplementation(() => void 0)
@@ -289,7 +278,6 @@ describe("renders alt attribute", () => {
 		)
 
 		consoleWarnSpy.mockRestore()
-		process.env.NODE_ENV = originalNodeEnv
 	})
 })
 
diff --git a/test/components-PrismicLink.test.ts b/test/components-PrismicLink.test.ts
index 40df2d0..a2e2e44 100644
--- a/test/components-PrismicLink.test.ts
+++ b/test/components-PrismicLink.test.ts
@@ -468,9 +468,6 @@ describe("renders internal links using component", () => {
 })
 
 it("throws when trying to render a non-link field", () => {
-	// The warning only logs in "development".
-	const originalNodeEnv = process.env.NODE_ENV
-	process.env.NODE_ENV = "development"
 	const consoleErrorSpy = vi
 		.spyOn(console, "error")
 		.mockImplementation(() => void 0)
@@ -485,13 +482,9 @@ it("throws when trying to render a non-link field", () => {
 	).toThrowError(/missing-link-properties/i)
 
 	consoleErrorSpy.mockRestore()
-	process.env.NODE_ENV = originalNodeEnv
 })
 
 it("warns when trying to render an invalid link field", () => {
-	// The warning only logs in "development".
-	const originalNodeEnv = process.env.NODE_ENV
-	process.env.NODE_ENV = "development"
 	const consoleWarnSpy = vi
 		.spyOn(console, "warn")
 		.mockImplementation(() => void 0)
@@ -529,13 +522,9 @@ it("warns when trying to render an invalid link field", () => {
 	)
 
 	consoleWarnSpy.mockRestore()
-	process.env.NODE_ENV = originalNodeEnv
 })
 
 it("warns when trying to render an invalid document", () => {
-	// The warning only logs in "development".
-	const originalNodeEnv = process.env.NODE_ENV
-	process.env.NODE_ENV = "development"
 	const consoleWarnSpy = vi
 		.spyOn(console, "warn")
 		.mockImplementation(() => void 0)
@@ -559,7 +548,6 @@ it("warns when trying to render an invalid document", () => {
 	)
 
 	consoleWarnSpy.mockRestore()
-	process.env.NODE_ENV = originalNodeEnv
 })
 
 it("reacts to changes properly", async (ctx) => {
diff --git a/test/components-PrismicText.test.ts b/test/components-PrismicText.test.ts
index 98cf048..0bf4a2b 100644
--- a/test/components-PrismicText.test.ts
+++ b/test/components-PrismicText.test.ts
@@ -129,10 +129,6 @@ describe("renders with wrapper", () => {
 })
 
 it("throws error if passed a string-based field (e.g. Key Text or Select)", () => {
-	// The error is only thrown  in "development".
-	const originalNodeEnv = process.env.NODE_ENV
-	process.env.NODE_ENV = "development"
-
 	expect(() =>
 		mount(PrismicText, {
 			props: {
@@ -142,8 +138,6 @@ it("throws error if passed a string-based field (e.g. Key Text or Select)", () =
 			},
 		}),
 	).toThrowError(/prismictext-works-only-with-rich-text-and-title-fields/i)
-
-	process.env.NODE_ENV = originalNodeEnv
 })
 
 it("reacts to changes properly", async () => {
diff --git a/test/components-SliceZone.prod.test.ts b/test/components-SliceZone.prod.test.ts
new file mode 100644
index 0000000..c99b6df
--- /dev/null
+++ b/test/components-SliceZone.prod.test.ts
@@ -0,0 +1,45 @@
+import { expect, it, vi } from "vitest"
+
+import { mount } from "@vue/test-utils"
+
+import { createWrapperComponent } from "./__fixtures__/WrapperComponent"
+
+import type { SliceComponentType } from "../src"
+import {
+	SliceZone,
+	defineSliceZoneComponents,
+	getSliceComponentProps,
+} from "../src"
+
+vi.mock("esm-env", async () => ({ DEV: false }))
+
+it("doesn't render TODO component in production", () => {
+	const consoleWarnSpy = vi
+		.spyOn(console, "warn")
+		.mockImplementation(() => void 0)
+
+	const Foo = createWrapperComponent<SliceComponentType>(
+		"Foo",
+		getSliceComponentProps(),
+	)
+
+	const wrapper = mount(SliceZone, {
+		props: {
+			slices: [
+				{ id: "1", slice_type: "foo" },
+				{ id: "2", slice_type: "bar" },
+			],
+			components: defineSliceZoneComponents({
+				foo: Foo,
+			}),
+		},
+	})
+
+	expect(wrapper.html()).toBe(`<div class="wrapperComponentFoo"></div>`)
+	expect(consoleWarnSpy).not.toHaveBeenCalledWith(
+		expect.stringMatching(/could not find a component/i),
+		{ id: "2", slice_type: "bar" },
+	)
+
+	consoleWarnSpy.mockRestore()
+})
diff --git a/test/components-SliceZone.test.ts b/test/components-SliceZone.test.ts
index 298b2e7..0c7224e 100644
--- a/test/components-SliceZone.test.ts
+++ b/test/components-SliceZone.test.ts
@@ -190,9 +190,7 @@ it("provides context to each slice", () => {
 })
 
 describe("renders TODO component if component mapping is missing", () => {
-	it.skip("with the REST API", () => {
-		const originalNodeEnv = process.env.NODE_ENV
-		process.env.NODE_ENV = "development"
+	it("with the REST API", () => {
 		vi.stubGlobal("console", { warn: vi.fn() })
 
 		const Foo = createWrapperComponent<SliceComponentType>(
@@ -215,8 +213,8 @@ describe("renders TODO component if component mapping is missing", () => {
 
 		expect(wrapper.html()).toBe(
 			`<div class="wrapperComponentFoo"></div>
-	<section data-slice-zone-todo-component="" data-slice-type="bar">Could not find a component for Slice type "bar"</section>
-	<section data-slice-zone-todo-component="" data-slice-type="baz">Could not find a component for Slice type "baz"</section>`,
+<section data-slice-zone-todo-component="" data-slice-type="bar">Could not find a component for Slice type "bar"</section>
+<section data-slice-zone-todo-component="" data-slice-type="baz">Could not find a component for Slice type "baz"</section>`,
 		)
 		expect(console.warn).toHaveBeenCalledTimes(2)
 		expect(vi.mocked(console.warn).mock.calls[0][0]).toMatch(
@@ -227,12 +225,9 @@ describe("renders TODO component if component mapping is missing", () => {
 		)
 
 		vi.resetAllMocks()
-		process.env.NODE_ENV = originalNodeEnv
 	})
 
-	it.skip("with the GraphQL API", () => {
-		const originalNodeEnv = process.env.NODE_ENV
-		process.env.NODE_ENV = "development"
+	it("with the GraphQL API", () => {
 		vi.stubGlobal("console", { warn: vi.fn() })
 
 		const Foo = createWrapperComponent<SliceComponentType>(
@@ -251,7 +246,7 @@ describe("renders TODO component if component mapping is missing", () => {
 
 		expect(wrapper.html()).toBe(
 			`<div class="wrapperComponentFoo"></div>
-	<section data-slice-zone-todo-component="" data-slice-type="bar">Could not find a component for Slice type "bar"</section>`,
+<section data-slice-zone-todo-component="" data-slice-type="bar">Could not find a component for Slice type "bar"</section>`,
 		)
 		expect(console.warn).toHaveBeenCalledOnce()
 		expect(vi.mocked(console.warn).mock.calls[0][0]).toMatch(
@@ -259,7 +254,6 @@ describe("renders TODO component if component mapping is missing", () => {
 		)
 
 		vi.resetAllMocks()
-		process.env.NODE_ENV = originalNodeEnv
 	})
 
 	it("from plugin", () => {
@@ -325,40 +319,6 @@ describe("renders TODO component if component mapping is missing", () => {
 <div class="wrapperComponentBaz"></div>`,
 		)
 	})
-
-	it("doesn't render TODO component in production", () => {
-		const originalNodeEnv = process.env.NODE_ENV
-		process.env.NODE_ENV = "production"
-		const consoleWarnSpy = vi
-			.spyOn(console, "warn")
-			.mockImplementation(() => void 0)
-
-		const Foo = createWrapperComponent<SliceComponentType>(
-			"Foo",
-			getSliceComponentProps(),
-		)
-
-		const wrapper = mount(SliceZone, {
-			props: {
-				slices: [
-					{ id: "1", slice_type: "foo" },
-					{ id: "2", slice_type: "bar" },
-				],
-				components: defineSliceZoneComponents({
-					foo: Foo,
-				}),
-			},
-		})
-
-		expect(wrapper.html()).toBe(`<div class="wrapperComponentFoo"></div>`)
-		expect(consoleWarnSpy).not.toHaveBeenCalledWith(
-			expect.stringMatching(/could not find a component/i),
-			{ id: "2", slice_type: "bar" },
-		)
-
-		consoleWarnSpy.mockRestore()
-		process.env.NODE_ENV = originalNodeEnv
-	})
 })
 
 describe("renders with wrapper", () => {