firebase-js-sdk v9 doesn't work with react native? Error: While trying to resolve module `idb`

Question

trying to use firebase-js-sdk v9 for my react-native project but app build fails due to the following idb related error. Does anyone know anything about this issue?

Answer 1

I downgraded firebase version to v9.6.1 which works fine.

Answer 2

If you are using expo, to resolve this issue, create a metro.config.js file in the project root. In the file add the file extension cjs. details

const { getDefaultConfig } = require("@expo/metro-config");

const defaultConfig = getDefaultConfig(__dirname);

defaultConfig.resolver.assetExts.push("cjs");

module.exports = defaultConfig;

ScreenShot

React Native cli

const { getDefaultConfig } = require("metro-config");
const { resolver: defaultResolver } = getDefaultConfig.getDefaultValues();
exports.resolver = {
  ...defaultResolver,
  sourceExts: [
    ...defaultResolver.sourceExts,
    "cjs",
  ],
};

Answer 3

I just added the following code to metro.config.js file. Im using Firebase v9.8.1 and React Native CLI

module.exports = {
  transformer: {
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: true,
      },
    }),
  },
  //added this
  resolver: {
    sourceExts: ['jsx', 'js', 'ts', 'tsx', 'cjs'],
  },
};