如何使用 Firebase 9.x + Flow

Question

I'm working on a NextJS project using Flow and I'm trying to import Firebase latest version 9.1.3, but when I try to use it, Flow complains that cannot find the module.

// Error: Cannot resolve module `firebase/app`.Flow(cannot-resolve-module)
import { initializeApp, getApps } from 'firebase/app';
import { getAnalytics } from 'firebase/analytics';

I only found an old solution on flow-typed for Firebase 5.xx, but API has changed since then, and manually writing a Library Definition is super time consuming.

I noticed that Firebase uses Typescript, is there a way I can import/convert to use Flow?

Answer 1

No flow types and TS types are not compatible although they achieve the same goal they are different in their typing philosophy.

Regarding firebase types, because firebase doesn't use flow, flow-typed is the correct place to retrieve them if the existed but no one has done so for firebase types for a while.

I have personally made a start in a project I started a while back but you may need to add more to suit your usecase ( firebase types in my project ). If these suit your usecase as a base I'm happy to commit them into flow-typed but I'll just need to include some tests.