Infinite Re-render Bug in layoutContexts.tsx

[Abhrxdip]

Can crash the application

layoutContexts.tsx:
useEffect(() => {
if (
(path === '/nestify' || path.includes('development-tools')) &&
Gleap.getInstance().initialized // ⚠️ BUG: Returns new value each call
) {
Gleap.destroy();
} else if (
!Gleap.getInstance().initialized && // ⚠️ BUG: Causes infinite loop
path !== '/nestify' &&
!path.includes('development-tools')
) {
Gleap.setUseCookies(true);
Gleap.initialize(process.env.GLEAP_API_KEY || '');
}
}, [path, Gleap.getInstance().initialized]); // ⚠️ Dependency creates new reference

Issue: Gleap.getInstance().initialized in the dependency array returns a new reference on each render, causing infinite re-renders.

Fix: Store the initialized state in a variable or remove from dependencies.

[Arman-op]

Hey can I work on this issue ?

[SyedFahad7]

Hey @Arman-op @Abhrxdip
Yes, feel free to work on it. Please raise a PR against develop branch.