react-firebase-file-uploader | image uploader for react that uploads images | File Upload library

I am working on a react project pretty much like a social media app where users can upload images or videos. I am using firebase storage to store the image and videos.

I can able to accomplish image uploading by using react react-firebase-file-uploader package but as I am new to web development, I am struggling to find the solution for uploading videos for react.

I have searched the whole internet but I couldn't find a proper solution to accomplish these tasks.

1. I required to upload only video/videos and want to preview it/them before uploading data to firebase storage.

2. I need to compress the video to reduce the file size before uploading or after uploading to firebase storage using cloud functions.

Thank you very much for your help.

I have stripped my app down to the bare components and have found that my issue is from the split React Stripe Elements. This implementation was working with a previous app just fine, so something might have changed with implementation of these elements.

I'm having a hard time converting react class component into hooks. It's been a while since i played around with react so i just can't get the hang of it.

What my code is trying to do is upload an image and get it inside firebase storage and displaying it. It works fine with class component but I just can't convert them into hooks. Can somebody help me plz???

I was trying to upload CSV file to firebase using react-firebase-file-uploader package.

I have set the firebase configuration but when i upload a csv file, I got this 403 error:

I am using react-firebase-file-uploader to upload an avatar to firebase storage. However, any time I upload an image of Portrait Orientation (specifically, images taken on Android and IOS devices - they tend to have OrientationRotate 90 CW in their metadata) the image is rotated 90 degrees.

I have read about this previously and I believe that these smartphone images taken are always in Landscape but the orientation is stored EXIF meta. Please correct me if I am mistaken?

Below is an example of a component that is uploading the image using react-firebase-file-uploader - I know it is not an issue with this package and the solution to this question is likely applicable across many applications.

So, what do I need to do as to read the EXIF orientation, change the rotation (if required, or is it that I need to pass the meta with the file upload?) and still continue the upload?

Having issues uploading files to Firebase using the react-firebase-file-uploader package.

The error received is Uncaught (in promise) TypeError: storageRef.child is not a function

Firstly, firebase is imported into my GatsbyJS Layout.js in componentDidMount as

Layout.js

I work actually on my first react app. It's a collection app. On this app, there is an admin dashbord, with all items of the app, and admin user can delete or modify item (like a traditional e-commerce back office). For modify item, admin user click on button "Modify Item", and a modal open for modify item information.

My problem is when user open modal, the modal work fine, but i can't passing in props the information of the selected item (like brandname, reference, price ...). I'm very sorry to ask again a question in the same day, but i try many thing and no result. A little help is very welcome.

Thank you in advance,

This is my code:

I have an application with many items collection, and in admin area, the admin user can delete or modify items (like a traditional e-commerce website back office). In logic, for modify an item, user click on "modify item" button, and a modal open.

My problem is i can't open modal on click button, because my browser show me an error message when I click on "modify item" button : "TypeError: Cannot read property 'setState' of undefined"

I use react-modal-responsive for this task.

I have been stuck for several days, I would be super happy if you could help me. Thank in advance.

This is my code:

I am working a continued project of react/redux. But, Don't know which build tools it uses? Whether it is webpack, Gulp, Grunt, etc..?

This is my package.json file.