All Questions
412
questions
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 = ...
-2
votes
1
answer
39
views
How to store assets like images in Firebase and use them in my React project?
I want to know how to store some images in Firebase and render them in my React project. Please note that this is not about user-uploaded images. The documentation on Firebase also focuses on how to ...
0
votes
0
answers
19
views
ReactJS and Firebase:TypeError while uploading files to firebase storage
I am getting the following error while trying to upload files to Firebase Storage:
TypeError: Cannot read properties of undefined (reading 'path')
Following is my firebase SDK:
// Import the ...
1
vote
0
answers
24
views
Access to fetch from origin 'firebasestoragelink' has been blocked by CORS policy: 'No Access-Control-Allow-Origin'
It seems that the issue only occurs in the production environment, as fetching the URL and passing it to React-PDF works fine in local and development environments. However, when React-PDF attempts to ...
0
votes
1
answer
64
views
Uppy library Dashboard component doesn't show progress or done even if successful
I am writing a custom Firebase Storage plugin for React (with Redux), but I am having issues with the library Uppy (specifically @uppy/react). Even though the file is clearly uploading (according to ...
0
votes
1
answer
42
views
Uploading File Firebase - Efficiently
I am using this code to upload files to Firebase Storage but this code looks clunky and runs slowly. How can I improve the speed a file is stored to Firebase?
const uploadToStorage = async (uri: ...
0
votes
0
answers
32
views
uploading a multiple images o firebase and show them on screen
firstly : when i try to choose image from files and upload it, the page is refreshed.
secondly : when i upload the image, it appears twice on the screen.
thirdly : i want to upload just 4 images ...
0
votes
0
answers
20
views
React states are being properly updated on an action [duplicate]
const [image_URL, setImageURL] = useState(null) // To store the URL of image
const [edu_list, setEduList] = useState([]) // To store array of educational qualification
const [skill_list, setSkillList]...
0
votes
0
answers
60
views
I am taking audio file from dropzone component and uploading it into firebase storage [duplicate]
But it is storing in 9 bytes always in app/octet-stream format. It is the code
interface FileWithPreview extends File {
path: string;
preview: string;
}
const AudioDropzone = ({
className,
...
0
votes
1
answer
28
views
Refetch data from firestore db after its updates
I'm working on a project where I fetch data from firebase firestore db and storage. Currently it fetches on a component render, so it doesn't refetch when data updates i need firstly to reload my page....
1
vote
0
answers
14
views
Having trouble navigating images using chevron buttons in React app
I'm encountering an issue with image navigation in my React application. I have a media viewer component where I fetch image URLs from Firebase and display them. The viewer should allow users to ...
0
votes
0
answers
14
views
Firebase progress not updating properly in react
I cant get my progress to work in firebase
const uploadImage = async () => {
if (imageFile) {
const storage = getStorage(app);
const fileName = new Date().getTime() + imageFile.name;
...
0
votes
0
answers
46
views
Media Viewer in React: Displaying Single and Multiple Images from Firebase Storage
Problem Description
I have a list of media items retrieved from Firebase Storage categorized as usersingleMedia and usermultipleMedia. The media can be a single image, a single video, or a folder ...
0
votes
1
answer
45
views
Optimise rendering when loading images in React/Firebase
Right now I am trying to load a collection of cards from Firebase Firestore and using Storage to load the Images of the cards, but when i try to load the cards with componentswillmount, the images are ...
0
votes
1
answer
26
views
saving file to firebase and the set the link in usestate but its not showing when saving in mongodb
Basically the problem is my savedatatomongodb called before getting the url from the firebase.
How I can fix it?
I tried many things, but still not able to set the state before calling the function ...