What are EventEmitters and how can i solve memory leaks caused by em ??

[C00K1E-dev]

the following errors occcur in console :
events.js:46 MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 session_connect listeners added. Use emitter.setMaxListeners() to increase limit
at _addListener (webpack-internal:///./node_modules/events/events.js:211:15)
at EventEmitter.addListener (webpack-internal:///./node_modules/events/events.js:227:10)
at EventEmitter.once (webpack-internal:///./node_modules/events/events.js:257:8)
at ns.connect (webpack-internal:///./node_modules/@walletconnect/sign-client/dist/index.es.js:37:4435)
at async M.connect (webpack-internal:///./node_modules/@walletconnect/sign-client/dist/index.es.js:37:38106)
at async hr.pair (webpack-internal:///./node_modules/@walletconnect/universal-provider/dist/index.es.js:40:29573)
at async hr.connect (webpack-internal:///./node_modules/@walletconnect/universal-provider/dist/index.es.js:40:29133)
at async n (webpack-internal:///./node_modules/@walletconnect/ethereum-provider/dist/index.es.js:14:3165)

[glitch-txs]

You might be re-rendering an event multiple times. This is more React-related issue :)

[C00K1E-dev]

It is react related issue but is being caused by walletconnect libraries . So my question still stand: how to resolve memory leaks caused by these event emitters ?

[C00K1E-dev]

like you can see in console error : 11 session_connect listeners added. Use emitter.setMaxListeners() to increase limit ...... where exactly is that ?? thats in the libraries i am using i guess because i searched my whole app for these keyword "session_connect" and nothing was found

[mighty-phoenix]

Any updates on this?
Thanks!

[C00K1E-dev]

nope ! no updates ... just more error in the console regarding walletconnect relay and frames .... just opened another discussion on that topic !

[glitch-txs]

This is more React related I think, here's what I can think of:

1. Avoid subscribing to events inside React component unless it's inside a useEffect hook

2. If you're subscribing to events inside useEffect try to have few or none dependencies and always return the unsubscribe function. In the case of WalletConnect's provider it's off function.

3. Avoid using unnamed functions as callback (they won't be removed from the listeners array).

https://react.dev/learn/synchronizing-with-effects#subscribing-to-events

[C00K1E-dev]

@glitch-txs Thank you for reply ... Indeed im using quite a few useEffect and useState ...thanks for the link is helpfull i'll see what i can do further

[glitch-txs]

No problem, always MRE are also helpful for us too :)