Hello there, Hope you doing well. I'm facing a small issue, I did split all auth pages into different pages (signin/signup/reset-password) this was done with the help of @User Now my component render fixed Header I created and fixed footer and i only render the auth component in between However always at page start my header and footer are served first then the component renders. So my question is there any idea how to wait for the auth component to render then render everything.

This might be cause of how you have setup the CSS for header and footer i think

Second

second?

Sorry using double screen thought was typing on another chat

What is MUI?

materia ui

I see.

I made a whole wrapper , including custom header , including children which is either , sign in / signup / reset password , including custom footer

thanks! Sorry couldn't be of much help on this now

It's okey i will check how to do it i could just hack it but i want to do it as it should be done

if you are okay with hacky solutions, you could override one of the components being rendered (e.g.: the header you are hiding anyway) and add some

useEffect

to set the whole page to be displayed

That's what I'm doing

@User if you can make your code on GitHub and share it, maybe we can figure something. Not sure how else to help out here.