update App.js

src/App.js

@@ -1,17 +1,33 @@
+import React, { Component, lazy, Suspense } from "react";
+
 import Router from "./router.js";
 import { Provider } from "react-redux";
 import store from "./redux/store";
 import "./App.scss";
 
+// const MyComp = lazy(() => import("./components/myComp"));
+
 // import "rc-slider/assets/index.css";
 // import "react-circular-progressbar/dist/styles.css";
 
 function App() {
   return (
-    <Provider store={store}>
-      <Router />
-    </Provider>
+    <>
+      <div className="bg-red-400">mahdi lazy loaded</div>
+      <Suspense fallback={<div>Loading...</div>}>
+        <h2>hi there i am loaded NOWW</h2>
+        <Provider store={store}>
+          <Router />
+        </Provider>
+      </Suspense>
+    </>
   );
 }
 
 export default App;
+
+// return (
+//   <Provider store={store}>
+//     <Router />
+//   </Provider>
+// );