0.4.5 Error - Cannot read properties of undefined (reading 'subtle')

TL;DR

Follow-up issue on the same thread - 0.4.4's new default export broke named imports under esbuild/Cloudflare - fixed in 0.4.10 (reporter confirmed).

Steps

1. Issue neondatabase/serverless#19 (closed, 7 comments): ## Steps to reproduce

npx nuxi init [project-name] yarn add drizzle-orm @neondatabase/serverless yarn add -D drizzle-kit

2. `

import {neonConfig, Pool} from '@neondatabase/serverless'; import {drizzle, NeonDatabase} from 'drizzle-orm/neon-serverless'; import * as schema from '~/server/drizzle/schema';

3. // if we're running locally

if (!process.env.VERCEL_ENV) { // Set the WebSocket proxy to work with the local instance neonConfig.wsProxy = (host) => ${host}:5433/v1 // Disable all authentication and encryption neonConfig.useSecureWebSocket = false neonConfi

4. [jawj (maintainer)]: The driver needs SubtleCrypto. Options: drop ?sslmode=require when connecting to a local DB in dev; use Node 20 (global webcrypto); Node 18 with --experimental-global-webcrypto; or polyfill before import: import crypto from 'crypto'; globalThis.crypto = crypto; then dynamically import the driver. Follow-up issue on the same thread - 0.4.4's new default export broke named imports under esbuild/Cloudflare - fixed in 0.4.10 (reporter confirmed).

When to use

You are seeing this: [jawj (maintainer)]: The driver needs SubtleCrypto. Use this skill when you run into "0.4.5 Error - Cannot read properties of undefined (reading 'subtle')".

When not to use

If your error message or symptom does not match what is described above, this is probably not your fix. Search for your exact error text instead of forcing this one to fit.

Versions

Versions mentioned in the source: - 0.4.4, 0.4.10. If you are on something much newer or older, the details may have shifted.

Why this happens

The original report does not dig into a root cause. It documents the symptom and the fix that resolved it.

Asked in gh:neondatabase/serverless#19 (https://github.com/neondatabase/serverless/issues/19): 0.4.5 Error - Cannot read properties of undefined (reading 'subtle'). The issue report: Issue neondatabase/serverless#19 (closed, 7 comments): ## Steps to reproduce npx nuxi init [project-name] yarn add drizzle-orm @neondatabase/serverless yarn add -D drizzle-kit

db.ts

import {neonConfig, Pool} from '@neondatabase/serverless';
import {drizzle, NeonDatabase} from 'drizzle-orm/neon-serverless';
import * as schema from '~/server/drizzle/schema';

// if we're running locally
if (!process.env.VERCEL_ENV) {
  // Set the WebSocket proxy to work with the local instance
  neonConfig.wsProxy = (host) => `${host}:5433/v1`
  // Disable all authentication and encryption
  neonConfig.useSecureWebSocket = false
  neonConfi The verified answer: [jawj (maintainer)]: The driver needs SubtleCrypto. Options: drop `?sslmode=require` when connecting to a local DB in dev; use Node 20 (global webcrypto); Node 18 with `--experimental-global-webcrypto`; or polyfill before import: `import crypto from 'crypto'; globalThis.crypto = crypto;` then dynamically import the driver. Follow-up issue on the same thread  -  0.4.4's new default export broke named imports under esbuild/Cloudflare  -  fixed in 0.4.10 (reporter confirmed).