react-images | highly customizable , carousel component | Carousel library

I'm getting this error after I've updated the packages in my package JSON file.

I'm hosting a react app on my apache server. I'm using react-images-upload npm package to receive an image from the user then post it to my php server with Axios.

However when I check the php $_FILES array in the response it's empty.

I have tested wether my server can receive files with a little upload form on the php side, and it worked great, checked memory limits, that the folder on the server is writable and such. When I console.log(thumbnail) I get a file object in the console, so the uploader works

everything seems fine. So I suspect it's something to do with the Ajax call.

Front end Code:

when i try to build my project with yarn run build i get errors that are not exist in my code my code is clean it works fine in my local. I've been stuck for two weeks to resolve this problem please help me to solve this problem. this the errors that i get

node version: v10.15.3

webpack: 4.30.0 this is my package.json

I seem to have run into an issue when using dispatch() with React-Redux. For example, the following action:

InvalidS3ObjectException when calling the AnalyzeDocument operation: Unable to get object metadata from S3. Check object key, region and/or access permissions." I keep getting this error. Over. And. Over. This program worked with my test cases of what I'm bringing in, the json with a {"body":"imagename.jpg"}. But the very moment I try to utilize the actual code my JS brings in, I get this error. The thing that confuses me is that I've checked the regions and they are fine. I went into my account and created users with full access to all AWS and S3 features, and utilized those logins, I've used my root account, everything. All I'm trying to do is access an image from my s3 bucket. Why won't it work? Below is my code. It works if I utilize the test case I provided above, but the moment I try and use the website it's connected to, it doesn't work.

I'm facing a problem while uploading images from react state to express. I'm getting empty array in my express route while sending images. But texts are sent and received in backend with no problem. The problem is that images are not sent to the backend.

This is my React code:

usually in a blog website user can comment with text or an image and so on ,and in my case when user comment with an image that have a dimension larger than the container the view affected as below :

and actually i'am storing the images in Firebase storage and i can't control those images .

this is the code of this page
Article.js :

Following on from: How to make my react-multi-carousel use a light-box feature for my ReactJS app

My app is using react-images for lightbox and react-carousel-images for the carousel. My api has a title and image. Problem I have is the title in the footer caption is always coming as the image selected and not changing when in the lightbox carousel. I think it is to do with the index of the selected image? My code so far is:

example of issue: https://codesandbox.io/s/react-multi-corousal-issue-72s9o?file=/src/Slider.js

slider.js

Fontawesome wasn't working as expected which led me to checking the app.css produced by laravel-mix build and I see this in app.css