TypeError: Cannot read properties of undefined (reading 'FIREBASE_DATABASE_EMULATOR_HOST')

[nandenjin]

[REQUIRED] Describe your environment

• Operating System version: Windows 10 Home 21H1
• Browser version: Chrome 96.0.4664.45
• Firebase SDK version: 9.6.0
• Firebase Product: database

[REQUIRED] Describe the problem

Typecheck of process.env in firebase/database is insufficient. In some cases global variable process can be with no process.env. I have some TypeErrors from browser-based runtime:

f/packages/database/src/api/Database.ts reads process.env.FIREBASE_DATABASE_EMULATOR_HOST with undefined check for process but not for process.env.

firebase-js-sdk/packages/database/src/api/Database.ts

Lines 131 to 133 in 931c80d

	if (typeof process !== 'undefined') {
	dbEmulatorHost = process.env[FIREBASE_DATABASE_EMULATOR_HOST_VAR];
	}

Steps to reproduce:

👀 See also: codesandbox

I found the problem with Nuxt.js (nuxt3 3.0.0-27306170.bd36e13). It should be reproduced with [email protected] and following code.

Relevant Code:

/*
// Actually it can be reproduce without Nuxt but with:
process.env = null
*/

import { initializeApp, getApps } from "firebase/app";
import { getDatabase } from "firebase/database";

initializeApp({
  databaseURL: "https://sample.firebase.io",
});
const db = getDatabase();

[manjurulislamkhan]

Similar problem with Firebase Storage. Cannot read path at undefined when using ref(storage, url)

Works with firebase 9.0.0.