Added base path

components/Header.tsx

@@ -1,6 +1,7 @@
 import { pageRoutes } from "data/routes";
 import Link from "next/link";
 import React, { useState } from "react";
+import { basePath } from "utils/getBasePath";
 
 import { Sections } from "./Sections";
 
@@ -32,7 +33,7 @@ export function Header() {
           className={styles.menuIcon}
         >
           <img
-            src="/images/menuIcon.svg"
+            src={basePath + "/images/menuIcon.svg"}
             width="50"
             height="50"
             draggable="false"
@@ -52,7 +53,7 @@ export function Header() {
             }}
           >
             <img
-              src="/images/rightArrow.svg"
+              src={basePath + "/images/rightArrow.svg"}
               className={styles.arrowIcon}
               width="50"
               height="50"

next.config.js

@@ -4,6 +4,8 @@ const nextConfig = {
   basePath: basePath,
   assetPrefix: basePath + "/",
 
+  publicRuntimeConfig : { basePath: basePath },
+
   // test comment
   reactStrictMode: true,
   trailingSlash: true,

utils/getBasePath.ts

@@ -0,0 +1,6 @@
+import config from "next/config";
+// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+const { publicRuntimeConfig } = config();
+// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+const basePath = publicRuntimeConfig.basePath as string;
+export { basePath };