react-swipeable | React swipe event handler hook | Frontend Utils library

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 just updated my Gatsby to v3. Right before that I had just updated gatsby-source-wordpress to v5 and everything was working with Gatsby v2.32.9

Now when doing gatsby develop, I get the following message :

I have downloaded a react project with the following package.json :

I'm trying to create a feed of things that updates as you swipe down. My logic is that I need to fetch the required data before rendering the feed, and I will fetch new data every time I hit the nth element as I swipe down the page. So I thought of having a boolean state variable to detect the first render, and then I set that to false to not run the query again.

I have a React app created with CRA, it compiles and runs fine. But production build made with yarn buld and served with serve -s build shows following error in console:

I've created a web app using React and Capacitor to build for iOS and Android.

Android works fine and I've been able to submit to the Play Store without issue. However upon submitting my iOS version to Apple, I received an email explaining that my app is using a deprecated API: UIWebView and it should be using WKWebView instead.

Upon further investigation though, I've found references (here and here) to the fact that as of version 1.2.0, Capacitor has removed references to UIWebView.

I'm using version 2.1.2 of Capacitor core, cli, and iOS. So I'm confused as to why I'm still receiving this error.

Ultimately, does anyone know how to proceed with debugging this?

All the best.

PS not sure if it helps, but this is my package.json dependencies:

I've created a simple draggable component. I'm using the react-swipeable library but my question is about any event which repeatedly and in quick succession updates useState.

With the console.log in onSwiping I can see that the function is called many times per second, which is what I need to update the position of the component. This works however is there a performance issue with calling setSwipeX so frequently?

The entire component will re-render very fast as it's dragged. Is this OK or would it be better to just update swipeX without re-rendering the entire component, and is this even possible?

I have a carousel file in which I want to get index.js and build block.build.js, so my webpack.config.js is:

I had to make some changes on react-big-calendar module so I forked the project on github, made modifications and pushed. Then I used this command to install the new package: