Thanks Carmelo.

I managed to find a workaround. Before, I was using the useQuery hook's isLoading value to conditionally render the FallbackView/content in AuthInit module. Now, I have moved the isLoading in to the local state as below and that seems to have solved the issue.

useEffect(() => {
 if (!isLoading) setShowSplashScreen(false)
 }, [isLoading])

 return showSplashScreen ? <FallbackView /> : <>{children}</>

I've spent many hours on this, but it seems nothing works.. it must be connected with RTK Query because the useQuery hooks create this strange behaviour. If I fetch the data in a different way, it works.

What do you think could be the issue with this?

Thanks

I tried with this and it doesn't work:

useEffect(() => {
setTimeout(() => {
MenuComponent.reinitialization()
ToggleComponent.reinitialization()
}, 500)
}, [])

Yes, I've tried that in Topbar with:

useEffect(() => {
MenuComponent.reinitialization()
}, [])

and other variations also, but it doesn't work.

Hi,

In your components, add useEffect and try to re-init base Toggle and Menu components.
You can check an example here: demo1/src/_metronic/layout/MasterInit.tsx.

Regards,
Keenthemes support