"browserLocalPersistence" is not exported by "node_modules/firebase/auth/web-extension/dist/esm/index.esm.js"

[vanghoa]

Operating System

macOS Ventura 13.6.6

Environment (if applicable)

Node.js v22.9.0

Firebase SDK Version

latest - 11.0.2

Firebase SDK Product(s)

Auth

Project Tooling

Vite 5.0.3

Detailed Problem Description

As the title says, I'm developing a Chrome Extension that has firebase auth - I want to persist the login state - when build, it shows "error during build:
src/lib/firebase/index.ts (3:9): "browserLocalPersistence" is not exported by "node_modules/firebase/auth/web-extension/dist/esm/index.esm.js", imported by "src/lib/firebase/index.ts"."

Thank you all!

below is the src/lib/firebase/index.ts

`// Import the functions you need from the SDKs you need
import { getApps, initializeApp } from 'firebase/app';
import { browserLocalPersistence, getAuth, setPersistence } from 'firebase/auth/web-extension';
import { getFirestore } from 'firebase/firestore';

const firebaseConfig = {
// my firebase config
};

function makeApp() {
const apps = getApps();
if (apps.length > 0) {
return apps[0]!;
}
return initializeApp(firebaseConfig);
}

const app = makeApp();
export const db = getFirestore(app);
export const auth = getAuth(app);
setPersistence(auth, browserLocalPersistence);
`

Steps and code to reproduce issue

vite build

-> errors show up

[google-oss-bot]

I couldn't figure out how to label this issue, so I've labeled it for a human to triage. Hang tight.

[hsubox76]

This is intentional, the only type of persistence exported by the firebase/auth/web-extension entry point is indexedDBLocalPersistence.

I'm not on the auth team so someone can correct me if I'm wrong but I believe that this is because in Manifest V3 Chrome extensions you have to use a service worker, which does not have access to localStorage. https://developer.chrome.com/docs/extensions/develop/migrate/to-service-workers

[vanghoa]

Hi, thank you for this. My bad :( because I didn't find out anything about indexedDBLocalPersistence in the official documentation as well as anywhere else on the internet in the context of chrome extension MV3. And somehow, the typescript still allows me to import browserLocalPersistence even though it is not actually there.

Thanks again