socket.io-client | io updated to provide React Native WS support | Socket library

I have an NPM package I am working on which has a dependency of react. I then have a test app which has react installed as a dependency. When I import my npm package into the test app, I get the following error:

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:

1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app

Running npm ls react in my test app suggests I might have a duplicate of react:

Merging Errors: Error: android:exported needs to be explicitly specified for element . Apps targeting Android 12 and higher are required to specify an explicit value for android:exported when the corresponding component has an intent filter defined. See https://developer.android.com/guide/topics/manifest/activity-element#exported for details. test.app main manifest (this file), line 19

I don't even know what to do. I struggled with this mistake for a whole week, but I couldn't.

Here is my sdk version

I am using socket.io on a separate NodeJS server and connecting a ReactJS client to it using socket.io-client.

The connection works well, until I emit messages to a room.

on my server-side I have:

I have upgraded my angular to angular 13. when I run to build SSR it gives me following error.

I need to connect to a external websocket using node JS,but every single tutorial I find online is only about creating server/client and connecting to each other. I already have an external url with a websocket i need to access (even tho it is connected to my network,i have no control over it, so i won't be creating a server or anything like that). It is that simple; Connecting to a external URL using Node JS Websocket/socket.io. So far i have this code, but there is a great chance that it is completely wrong, as im not very experienced in Node JS. So feel free to completely change it. No need to try to upgrade it.

I have an app made with React, Node.js and Socket.io
I deployed Node backend to heroku , frontend to Netlify

And here is my server.js file;

I've created a plugin and want to use it inside one of my components. The code from the plugin located under ~/plugins/socket.client.ts:

I have an Angular 11 project with nguniversal. My homepage is fetching data from services, internal (translation keys object) and external (an express node server to display a list of links). The backend domain is different from the frontend domain address.

The website is displayed correctly, but for some reason, the translations and list of links are not loaded initially when I inspect the page source. Also, the meta and title tags are not visible in the page source. Although they are working.

I believe this should be essential for Search Engine Optimization.

I am loading the language keys from an internal translation service, as observable into the app.component.ts. The translation service itself is dependent on a window service which waits for the browser to load, isPlatformBrowser. The window service is needed to simulate the window object on the server.

I also tried fetching the api data, before or after platform browser initializes, but with no success.

What else am I missing?

EDIT, part of the code. Not sure if I should include the whole project code here:

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