To address the issue of the title updating with a noticeable delay, you can preload the required data before rendering the page. This can be achieved using a combination of React Router's Loader API (introduced in React Router v6.4+), or by managing your data-fetching logic in higher-order components (HOCs), context providers, or custom hooks.

You check this blog for more information.