chat.js | Simple chat plugin for your web-apps | Chat library

I have written a code in c#, javascript, using client library SignalR to refresh a page in database value change. My code is

I am trying to create a new chat message in an existing channel in Teams using node.js. My application needs to send messages to this channel to notify members of the channel that something has happened with my app and allow replies, etc.

It looks like Microsoft has limited this functionality to the migration permission, based on this document note.

Note: Application permissions are only supported for migration. In the future, Microsoft may require you or your customers to pay additional fees based on the amount of data imported.

Since I am not trying to migrate data from another service, and instead trying to create a new chat in the channel, am I out of luck?

Is there any way to create a new chat message in a channel using application permissions vs. signed in user permissions?

I am getting this error:

So after trying to debug for about 2 hrs. and still no resolution, I'm here to ask for some help. I'm creating a simple chat app in electronjs and there I used a bootstrap modal. An error is occuring:

can any one please tell me and explain why I am getting this error "Cannot read property 'addEventListener' of null" on chrome's console I am building a chat application on NodeJS but I am getting this error can anyone help me please fix this.

client side JS code.

I'm passing data through different pages down to the last page in my app, its been working fine.

But the issue is the last page has 2 components so the typical , here's what I mean:

I have an App.js

content of App.js

I successfully integrated FB Messenger into my OpenCart 3.0.3.7 website using the instructions from here https://developers.facebook.com/docs/messenger-platform/reference/web-plugins/

I'm writing chat app using react js and socket.io library.

All the logic where I subscribe to events form server and emit some events is written in useEffect of custom hook.

Then I return all data I need from this custom hook and reuse it in components that I need. However, I realized that logic written in useEffect is called every time I import this custom hook to external component.

If I put all the logic outside of useEffect, it's called even more times than custom hook is imported.

How do I prevent it if it's possible at all?

If it's not possible, what solution could you please suggest? I don't want to use redux for this app, I thought to keep everything in this custom hook component and just reuse data from it where I need.

I can't share working example because it won't work without server part so here is a simple codesandbox example. You can see in console that it's rendered twice.

https://codesandbox.io/s/custom-hook-bfc5j?file=/src/useChat.js

I have the following text that I parsed from a script tag of an HTML page:

I have a problem: I have two pages, one named /login and the other one is called /app. My problem is that I don't know how to pass props from /login to /app. In /app I want to show the person who logged in a welcome message with his name like: "Welcome Kazim". Hope you guys can help me. There is no problem to link from /login to /app but the props won't get passed.