0

I'm trying to create a chat in React that will be attached to a browser tab. The message history must be global. I put each message to local storage with a unique name. However, in the second tab, messages appear only after the page is refreshed. If you do not refresh the page, but write something new from the second tab, the values ​​​​in localstorage begin to be overwritten.

I tried to use broadcastmessage, but I ran into the fact that it is called many times, and many identical values ​​come to localstorage at once. I didn't find a solution to this problem.

I also tried using add.edeventListener('storage') but it doesn't work for the current tab.

I also used windows.postmessage, but that didn't work either. Can you suggest how to display messages without reloading the page?

Danya
  • 1
  • 1
  • Does this answer your question? [How to listen to localstorage value changes in react?](https://stackoverflow.com/questions/56660153/how-to-listen-to-localstorage-value-changes-in-react) – Display Name is missing Feb 16 '23 at 17:31

0 Answers0