firebase.auth is not a function

I’m using Firebase in a project. I believe there is some issue when using nollup and the firebase imports: import 'firebase/auth' and import 'firebase/analytics'. When I run the following with nollup I get the error:

Uncaught (in promise) TypeError: firebase.auth is not a function

<script lang='ts'>
    import { onMount } from 'svelte'
    import * as firebase from 'firebase/app'
    import 'firebase/auth'
    import 'firebase/analytics'
    import { Authorization } from '@state'
    import { authInitialized } from './utils'

    const config = {
        ...
    }

    onMount(async () => {
        firebase.initializeApp(config)
        $authInitialized = true

        firebase.auth().onAuthStateChanged(function(user) {
            firebase.analytics()
            let idToken 

            if (user) {
                idToken = user.getIdToken.toString()
            } 

            $Authorization = idToken ? `Bearer ${idToken}` : null
        });
    })
</script>

However, when I run using plain rollup, I do not get this error. Any ideas?

[PepsRyuu]

Upon further digging, this seems to be some weird documentation / TypeScript problem with Firebase:

https://github.com/firebase/firebase-js-sdk/issues/3315#issuecomment-653872699 https://github.com/firebase/firebase-js-sdk/issues/1832 https://github.com/firebase/firebase-js-sdk/issues/1008#issuecomment-405219175

Not entirely sure what’s going on, but it sounds like their documentation assumes you’re using TypeScript, and that TypeScript has a different behaviour for resolving namespace imports. I think TypeScript has a flag that allows the namespace import to work even though it’s a default export. Very weird and goes against the ESM spec.

[PepsRyuu]

Closing as the original issue was with Firebase’s documentation.