--polyfill-node error in a React project using snowpack and typescript after importing Firebase

[luapp]

Hi, I have a react webpage using snowpack and typescript. When I try to import Firebase, the project just stop building and it tell me to use --polyfill-node to start the project. And when starting the project using:

snowpack dev --polyfill-node

I got this error:

[15:41:38] [esinstall:@grpc/grpc-js] polyfill-node:__zlib-lib/binding.js
   Import "./deflate" could not be resolved from file.
[15:41:38] [esinstall:@grpc/grpc-js] polyfill-node:__zlib-lib/binding.js
   Import "./messages" could not be resolved from file.
[15:41:38] [esinstall:@grpc/grpc-js] polyfill-node:__zlib-lib/binding.js
   Import "./inflate" could not be resolved from file.
[15:41:38] [esinstall:@grpc/grpc-js] polyfill-node:__http-lib/request.js
   Import "./response" could not be resolved from file.
[15:41:38] [esinstall:@grpc/grpc-js] polyfill-node:__http-lib/request.js
   Import "./capability" could not be resolved from file.
[15:41:38] [esinstall:@grpc/grpc-js] polyfill-node:__http-lib/request.js
   Import "./to-arraybuffer" could not be resolved from file.
[15:41:38] [esinstall:@grpc/grpc-js] polyfill-node:__zlib-lib/binding.js
   Import "./zstream" could not be resolved from file.
[15:41:38] [snowpack] Install failed.

what shoud I do ?

[gonzoramos]

I have a similar error, but when I try to use the "azure-storage" module. Did you ever solve this issue?

[luapp]

Done !
It works for a ReactJS project using Typescript, Firebase and Snowpack now.

This is my new config:

tsconfig.json

{
    "compilerOptions": {
        "module": "ES2020",
        "allowJs": true,
        "checkJs": false,
        "jsx": "react",
        "allowSyntheticDefaultImports": true,
        "strict": false,
        "moduleResolution": "node",
        "esModuleInterop": true
    },
    "include": [
        "./custom.d.ts",
        "src/"
    ],
}

snowpack.config.js

//@type {import("snowpack").SnowpackUserConfig }

module.exports = {
    devOptions: {
        port: 3000
    },

    mount: {
        src: "/dist",
        public: "/",
    },
    buildOptions: {
        baseUrl: "./"
    },
    routes: [
        {"match": "routes", "src": ".*", "dest": "/index.html"}
    ],
    plugins: [
        [
            "@snowpack/plugin-webpack", {
                htmlMinifierOptions: false
            }
        ],
        [
            "@snowpack/plugin-sass"
        ],
        [
            "snowpack-plugin-svgr"
        ]
    ]
}