For better performance and code splitting use React Lazy function when importing the main routes components in App.jsx .

[Machoudi2002]

Using the React lazy function for code splitting is a great way to improve the performance of your application by reducing the initial bundle size. Code splitting allows you to load only the JavaScript code that is required for a specific route or component when it is actually needed, rather than loading all of the code up front. This can significantly improve the loading speed of your application, especially in larger and more complex React applications.