I developed an app with several routes, and each page displays data fetched from an API. However, when I click on a navigation link, the page takes a long time to load—sometimes as much as 1–2 minutes.
App function code in app.jsx:-
export default function App() {
const { apiKey } = useLoaderData();
return (
<AppProvider isEmbeddedApp apiKey={apiKey}>
<NavMenu>
<Link to="/app" rel="home">
Home
</Link>
<Link to ="/app/order_details">Delay Orders</Link>
<Link to="/app/shipping">Shipping Charges</Link>
<Link to="/app/sap">SAP Billing Report</Link>
</NavMenu>
<Outlet />
</AppProvider>
);
}