apollo-link | modifying control flow of GraphQL requests | GraphQL library

I'm trying to solve memory leaks in my Node.js app and seems this code does leak

As long as the line with useLazyQuery in App.js (code below) is removed, it will display simple "HELLO" message (working well), otherwise, I got the below error message

My React app is using Webpack + Babel. When I compile in development everything works perfectly well.

When I bundle for production ("npm run build") and upload the bundle in prod, an error appear in the console:

Why? I found a similar question but didn't find an answer : related stackoverflow question

Here's my webpack.prod.js config:

I have a react project and I'm using Webpack (webpack-dev-server) for my development.

Everything compiles well, and when I make a change in my file (for the first time), the live reloading works well.

BUT, after changing the same file twice (or more), the live reloading stop working. In the console it says "nothing changed" even when I made a change.

Looks like the webpack-dev-server memory doesn't pick up the change. Any idea why?

Webpack Config

I have a React project using Babel and Webpack. Recently I realized that my webpack wasn't "hot loading" anymore when I make a change in my project files. (this cause me some trouble, anyhow)

I audited my npm dependencies and had 60 vulnerabilities with 9 high and 2 critical. I thought this should be taken care of.

Now, I tried to install the package that seems to broke things (using npm audit) but to no avail. I still got 31 vulnerabilities even after trying to install a different version of React Script.

Now, if I try to start my app, webpack doesn't compile saying "Cannot find module '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining'"

I tried to install the Babel dependencies but every time a new one comes up. I know Babel just recently updated to 7.16 (October 31, 2021). Is this why my problems started?

How should I go about resolving all those dependencies issues? I feel it's a never ending instance of install a new packages that just break another one...

Package.json

I use Graphql subscriptions with Apollo client on a Vue3 app using Django graphQL Channels and DjangoGraphqlJWT packages in my backend app.

I'm trying to pass a JWT token on the Apollo subscriptions via the connectionParams.

Following this solution. I implemented a Middleware. However Apollo is passing the connectionParams as a payload. I can't find a way to access the payload at the Middleware level, but only on the consumer.

I could access the query string property from the scope argument in the middleware. However, I can't find a way to pass a query argument after the subscription is initiated.

CLIENT SIDE:

I am creating my React frontend, using apollo client to connect to my apollo server:

App.tsx

I'm doing a little api with register and auth using jwt, apollo-vue and graphql

I can`t get data through queries (or set it through mutations) from/to my backend. But i can do it from Postman, cause i know how to send a token in the headers.

I'm too try to call onLogin(apolloClient, token) bellow the action login from vuex. Nothings work

I'm very newby with backend, i will appreciate any advice

Another problem? : If in the function below...

When it comes to state centralization I know how to use the context api and Redux. But to recover that state we always have to be inside a react component.

What is the best strategy to access a global state/variable inside a common function that is not inside a react component?

In the environment variables is not an option because this value is changed after the application runs. And I didn't want to put in cookies or local storage for security reasons.

Index.ts