changed

jsconfig.json

-{
-  "compilerOptions": {
-    "baseUrl": "src"
-  },
-  "include": [
-    "src"
-  ]
-}
\ No newline at end of file

package-lock.json

@@ -13,6 +13,7 @@
         "@testing-library/user-event": "^13.5.0",
         "bootstrap": "^4.6.0",
         "classnames": "^2.3.1",
+        "install": "^0.13.0",
         "jquery": "^3.6.0",
         "node-sass": "^7.0.1",
         "react": "^17.0.2",
@@ -8697,6 +8698,14 @@
       "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
       "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
     },
+    "node_modules/install": {
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/install/-/install-0.13.0.tgz",
+      "integrity": "sha512-zDml/jzr2PKU9I8J/xyZBQn8rPCAY//UOYNmR01XwNwyfhEWObo2SWfSl1+0tm1u6PhxLwDnfsT/6jB7OUxqFA==",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
     "node_modules/internal-slot": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz",
@@ -23648,6 +23657,11 @@
       "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
       "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
     },
+    "install": {
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/install/-/install-0.13.0.tgz",
+      "integrity": "sha512-zDml/jzr2PKU9I8J/xyZBQn8rPCAY//UOYNmR01XwNwyfhEWObo2SWfSl1+0tm1u6PhxLwDnfsT/6jB7OUxqFA=="
+    },
     "internal-slot": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz",

package.json

@@ -8,6 +8,7 @@
     "@testing-library/user-event": "^13.5.0",
     "bootstrap": "^4.6.0",
     "classnames": "^2.3.1",
+    "install": "^0.13.0",
     "jquery": "^3.6.0",
     "node-sass": "^7.0.1",
     "react": "^17.0.2",

src/App.js

-import React, { lazy, Suspense } from "react";
-import { BrowserRouter, Route, Routes } from "react-router-dom";
-const Login = lazy(() => import("./containers/Login"));
+import Hello from "./components/images";
 
 function App() {
-  return (
-    <div className="App">
-      <BrowserRouter>
-        <Suspense fallback={<div> loading</div>}>
-          <Routes>
-            <Route exact path="/login" element={<Login />} />
-            <Route path="/" element={<Login />} />
-          </Routes>
-        </Suspense>
-      </BrowserRouter>
-    </div>
-  );
+  return (<>
+   <Hello/>
+   <Hello/>
+   </>
+  )
 }
 
 export default App;

src/components/images/index.js

+import React from "react";
+import "./style.css";
+
+const Hello= () => {
+    return(
+        <div className="primary">
+            <img src="./gani.jpg" alt="image not found"/>
+        </div>
+    )
+}
+
+export default Hello;
\ No newline at end of file

src/components/images/style.css

+.primary {
+    width: 110px;
+    height: 110px;
+    border: 2px solid rgb(172, 70, 78);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.primary img {
+    width: 100px;
+    height: 100px;
+}

src/components/index.jsx

-export { default as Button } from "./Button";