When SPA is enabled Web Components get loaded twice

[christopher1986]

When SPA (Liferay + Senna.js) is enabled JavaScript code will get rendered twice. With regards to React this means the component and any code inside useEffect(() => {}, []); will be executed twice. With regards to fetch calls this is (somewhat) problematic.

A possible solution provided by the following Liferay article is to use Liferay.on('SPAReady', () => {}); which would prevent the code from being executed twice.

I am wondering if the Liferay Frontend Infrastructure has any other possible solution that would prevent a React component from being rendered twice? Maybe the solution provided by the Liferay article is the way to go but I would appreciate if somebody with more Liferay frontend knowledge could confirm that.