react-datepicker | React DatePicker component | Frontend Utils library

I have been using github actions for quite sometime but today my deployments started failing. Below is the error from github action logs

I'm trying to integrating the google calendar API to my NextJs application using the gapi-script (https://www.npmjs.com/package/gapi-script) but I found this error when importing the gapi-script:

SyntaxError: Cannot use import statement outside a module

I tried the next dynamic import and the react useEffect, but it doesn't work.

I'd like to define styles for my Datepicker component through the Chakra-ui styles.

I'm trying to install react-twitter-embed on my react app. I have tried deleting and reinstalling my node_modules folder and clearing my npm cache. I've tried upgrading my node and npm to the latest version as well.
Here's the error I'm getting:

I'm fairly new to react and using hooks. I'm using downshift plugin and want to show a MultiSelection dropdown. I'm using hooks to do that but I keep getting this error in the browser:

Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

You might have mismatching versions of React and the renderer (such as React DOM) You might be breaking the Rules of Hooks You might have more than one copy of React in the same app See for tips about how to debug and fix this problem.

I have read the doc and checked for any rules broken but as per my knowledge everything is correct. Here is my function that uses hooks:

I'am moving my react apps into docker, I am working in legacy project and we have multiple react apps. We are attaching script with react apps in script tags on every page whose need to use this files. For docker we want to use Express to serve our files. Is there any way to run multiple watch commands ?

here is my package.json file:

I`m trying to use an external library such as react-datepicker.

My code and usage:

I'm having a rather stubborn DatePicker that I can't seem to get to behave. I'm using react-datepicker's DatePicker component.

I have a table, where each row has a DatePicker. Opening the calendar view of the date picker seems to not clear the edge of the table:

I have tried setting style={{zIndex: "9999 !important"}} on the table to no avail. This appears to be the only solution anyone ever recommends.

The bit of code using the DatePicker component looks like this:

I'm trying to scrape a table from the 1/30/2022 slate. However, I get the 'unable to locate element' error when I attempt to click in the date field and change the date from 2/6 to 1/30. I've tried finding by class name as well. Is there another way to do this, or is there something I'm doing wrong?