Skip to main content

All Questions

Tagged with
0 votes
1 answer
10 views

Firestore snapshot realtime paging

currently i'm working on a Chat project using ReactJS and Firestore. Let say that i have a subcollection messages which contains multiple docs of message. I have a onSnapshot listener to listen newest ...
0 votes
0 answers
26 views

Can useReducer be used for state management instead of useState?

I have a set of product details stored in in Firestore. I've created a custom hook to fetch the product details. The product categories should be displayed in the matching url param. As I add more ...
41 votes
11 answers
174k views

Module not found: Error: Package path . is not exported from package

import firebase from 'firebase' const firebaseConfig = { apiKey: "AIzaSyBOK7x5N5UnjY4TDqndzH7l5tvdNIsWFRc", authDomain: "todo-app-e3cf0.firebaseapp.com", projectId: "...
1 vote
0 answers
40 views

React app won't write to Firebase Realtime Database

My React app won't write to my Firebase Realtime Database. I am doing everything exactly as the Firebase tutorials say but nothing. No error messages in the console or requests in the network tab ...
5 votes
2 answers
4k views

Add environment variables in hostinger shared hosting

I have deployed my react web application in hostinger. I made a build of my react web application and uploaded it in public_html of hostinger and my site works fine. But since I am using firebase I ...
0 votes
0 answers
197 views

Failed to load module script: Expected a JavaScript module script but server responded with MIME type 'text/html' in Vite + React Firebase project

I am encountering an issue with my Vite + React project when deploying to Firebase. The console error I receive is: Failed to load module script: Expected a JavaScript module script but the server ...
0 votes
1 answer
50 views

How to Handle Firebase Notifications in a Web App Embedded in a React Native WebView?

I'm working on a project where I have a React web app that is embedded within a React Native WebView. I'm using Firebase Cloud Messaging (FCM) for handling notifications. The web app works fine when ...
-1 votes
0 answers
29 views

Profile header not showing ( user not found ) error

so i have created a instagram clone in which i go to the profile section its saying user not found but in my code when i remove the "finally" block its showing only the skeleton but it ...
0 votes
1 answer
148 views

firebase type error Cannot read properties of undefined appVerificationDisabledForTesting and verify what is wrong in my code i'm getting this error

this is my code for generating otp: import React, { useState } from "react"; import Layout from "./../../components/Layout/Layout"; import toast from "react-hot-toast"; ...
1 vote
0 answers
31 views

How can I update/create multiple documents in a collection in firebase?

I'm trying to use a default collection in firebase that a user can overwrite with their own values and save elsewhere. I have a default collection from which the initial values will be drawn, and have ...
0 votes
1 answer
55 views

fetch only one data of single document instead of all documents

I'm trying to fetch all data of documents inside the collection but unfortunately the code only fetch data of one single document. const Charities = ({navigation}) => { const [...
0 votes
1 answer
80 views

@firebase/firestore: Firestore (10.12.3): WebChannelConnection RPC 'Write' stream 0x401c795e transport errored

I'm trying to store data at firestore collection but getting this error again and again unable to store data on my messages collection. @firebase/firestore: Firestore (10.12.3): WebChannelConnection ...
0 votes
0 answers
12 views

Live reload a shared Typescript Library during React + Firebase development

I am working on a small React + Firebase app and I am implementing some backend functions through firebase functions. There are some shared datatypes and logic between the front end and backend and, ...
0 votes
0 answers
16 views

Firebase download files from storage with react app

I have the following code const fetchFiles = async () => { try { const eventDoc = await getDoc(doc(db, "events", id)); if (eventDoc.exists()) { const eventData = ...
-1 votes
1 answer
36 views

React/NextJS useEffect Timer Incrementing Coins Every Nanosecond Instead of Every Second

I am developing a mining application using React where a timer should increment the user's coins every second. However, the timer is adding coins at an incredibly fast rate (every nanosecond) instead ...

15 30 50 per page
1
2 3 4 5
611