Estoy trabajando en paquetes personalizados que usamos internamente en nuestra organización y estoy tratando de reducir la cantidad de propiedades que necesito pasar al Componente que estoy creando para el paquete. Uno de los componentes que estoy construyendo involucra firebase/storage. Solo quiero pasar el resultado de getStorage() desde mi aplicación y dejar que el paquete importe ref , uploadBytes , etc. No quiero tener que importarlos individualmente y pasarlos como accesorios. Sin embargo, cada vez que trato de importar ref en el paquete y llamo a ref(storage) , devuelve FirebaseStorageImpl nuevamente, no la StorageReference que esperaba.

Algo de código del paquete compilado:

 import React, { useState, useEffect } from 'react'; import { ref, uploadBytes, deleteObject } from 'firebase/storage'; export const Files = (props) => { const { storage } = props; console.log( storage, ref(storage) ); }

Y mi archivo de solicitud:

 import { React } from 'react'; import { Files } from 'my-package'; import { initializeApp } from 'firebase/app'; import { getStorage } from 'firebase/storage'; const App = () => { const firebaseApp = initializeApp(/* FIREBASE CONFIG */); const storage = getStorage(firebaseApp); return (<Files storage={storage} />) }